이것저것

todo list를 작성하기 위해 todo.js 파일을 새로 생성해준다. 00:00 index.html 파일에 todo list의 form을 생성해준다. class의 이름은 js-toDoForm와 같이 무슨 작업을 하는지 알기 쉽게 만들어준다. form 밑부분에는 추가한 리스트가 들어가야하므로 ul태그를 추가해준다. /*const form = document.querySelector(".js-toDoForm"), input = form.querySelector("input"), toDoList = document.querySelector(".js-toDoList");*/ const toDoForm = document.querySelector(".js-toDoForm"), toDoInput = toDoFo..

querySelector는 찾은 것의 첫 번째를 가져온다. querySelectorAll은 모든 것을 가져온다. 클래스명에 따른 엘리먼트들을 가져오는데 array로 가져온다. 단점은 array에서 하나의 엘리먼트를 가져오는 방법이 귀찮다고 한다. getElementById는 querySelector의 다른 방법이다. 우선 사용자의 이름을 물어보는 input창에 이름을 입력하면 이름을 local에 저장하고 출력하게 할 것이다. 00:00 html에 form을 추가해줬다. form에는 js-form이라는 클래스와 안에 input창을 넣어주었다. placholder는 input창에 입력하기 전 출력해주는 내용이다. 그리고 gretting.js라는 파일을 추가해줬다. //gretting.js const getF..

https://momentumdash.com/ Momentum Dash: Your space for focus One of the easiest, most powerful ways I've changed my daily life is by using the @momentumdash plugin for Chrome. It shows you your to-do list right on your homepage, so whenever you get sidetracked, you get a reminder when you pull up a new tab about wha momentumdash.com 크롬에서 쓰이는 momentum을 클론코딩해보자. html에서 class명을 지을 때 단어로만 하게 되면 css..

JavaScript 강의를 듣다보면 init을 사용하는 경우가 많다. 사실 예전에는 그냥 함수명으로 init을 쓰니까 따라썼는데 왜 쓰는지 이유를 몰랐다. 그래서 구글링을 통해 찾아보았는데 init이라는 함수가 따로 있는 것은 아니었다. init에는 처음 실행 할때 초기값을 갖는 함수나 객체를 생성할 때 쓰인다고 했다. init을 주로 사용하는 경우는 main에 들어가기전에 초기화를 해줘야 하는 객체들이 있을때 사용한다는 것 같다. 아니면 사용하고 다시 초기화 해줘야하는 경우..?? 경우에 따라서 init의 위치를 바꿔주면 되는거같다... 정확하게 이해하면 다시 수정해야겠다.