★html 코드 작성 Greeting 부분 아래에 to-do list가 들어갈 form을 만든다. ★Todo.js 작성 const toDoform = document.querySelector(".js-toDoForm"), toDoInput = toDoForm.querySelector("input"); toDoList = document.querySelector(".js-toDoList"); todo.js 파일에서 이렇게 객체를 가져온다. ★Init() 함수 function init(){ } init(); 니콜라스의 방식으로 init() 함수를 만들어서 init()를 실행시키는 코드를 먼저 작성해주고 function init(){ loadToDos(); } init(); init 함수안에 들어갈 코드는 l..

form은 default에 의해서 enter를 누르면 입력 값을 다른 곳으로 보낸다. 그런데 아무것도 설정하지 않고 enter를 누르면 마치 새로고침한 것 같이 다 날라간다. (이게 기본 동작) form에서 입력한 데이터를 저장하기 위해서는 이 이벤트를 삭제하고 새 이벤트를 addEventListener로 추가해주어야 한다. (정확히는 기본 동작을 막고 submit했을 때 다른 함수를 만들어 추가) -->기본 동작을 막기 위해서 preventDefault 메소드를 사용한다. 또한 자바스크립트 코드에서 새로운 li를 생성하고 싶으면 createElement("li")를 사용한다. appendChild() -> 부모 element 안에 넣음

왜 자바스크립트인가? - 우리가 back-end를 한다고 한다면 java,python,ruby 등 언어를 선택할 수 있지만 front-end를 한다고 하면 오로지 javascript뿐이다. 그것이 front-end의 장점이자 단점 Javascript로 할 수 있는 것? - Javascript를 이용하면 내 위치, 위치의 날씨를 가져올 수 있다. - 할일 목록을 저장할 수 있다. - 실시간(Real time)을 만들 수 있다. (실시간 채팅) - 휴대폰에서 작동하는 앱을 만들 수도 있다. (Nomad Movies- google play store에 있는데 이것은 순수 Javascript로 만든 앱이라고 한다.) - 비디오게임을 만들 수 있다. (threejs, impactjs 사이트) ES5,ES6? - ..