현재 todo-list의 결함은 수행 여부를 알 수 없는 것이다. 그러므로 수행한 일정에 대해서는 체크할 수 있는 버튼을 추가하자. 먼저 함수를 분리한다. 밑에 keyCodeCheck 함수는 입력창에 엔터키가 눌리고 내용이 있는지를 검사해서 그렇다면 위의 createTodo 함수를 실행시킨다. 입력된 할 일에 버튼을 추가할 것이기 때문에 태그 생성 메소드 createElement를 사용했다. createElement('생성할 태그') - tagName의 HTML 요소를 만들어 반환 할 일을 입력하면 button 태그가 생성되는 것을 확인했다. 새로운 버튼을 클릭했을 때 newLi 태그(li)에 담겨져 있는 이 요소에 어떠한 조작을 가하겠다. addEventListner('이벤트타입', 실행할 함수) - ..

onkeydown 의 속성 중 하 해당하는 태그 영역 내에서 키보드 버튼이 눌렸을 때 동작한다. input 에 내용을 입력하고 엔터키를 누르면 리스트에 추가되도록 하고 싶다. input 에서 엔터키를 어떻게 구분하도록 할까? window 전역 객체 최상위에 가장 높은 공간에 존재 event 속성을 체크할 수 있다 *event : 이 페이지에 벌어지고 있는 어떠한 이벤트를 모두 체크할 수 있다. 'A'를 input에 입력한 뒤 event를 체크해보자 'A'의 아스키코드가 keyCode에 들어가는 것을 알 수 있다. 이를 통해 엔터키의 keyCode(13)가 나오는 경우 리스트에 추가되도록 하는 조건문을 걸면 된다. input에 들어온 값을 리스트에 추가하려면 js로 html 태그 를 생성해야한다는 말이다...