[노마드코더]바닐라JS로 크롬 앱 만들기 (31)ToDo 만들기① 기본 동작

이제 ToDo 리스트를 만들어보자.

먼저 index.html 에서 todoForm, todoInput, todoList를 정의한 다음 todo.js에서 불러온다.

 

#5~#9 는 form에 submit 동작이 발생했을 때 기본 동작을 막고 input을 빈 값으로 채워주는 function 이다.

#6 에서 submit의 기본 동작이 웹페이지 새로고침이므로 기본 동작을 막아주는 function을 사용한다.

#7 에서 newTodo에 todoInput으로 사용자가 입력한 값을 복사한다.

#8 에서 todoInput은 value를 빈 값으로 채워준다.

사용자가 값을 입력하고 새로고침하면 웹페이지가 새로고침 되지 않고, input에 빈 값만 남게 된다.

 

새로운 개념은 없고 앞서서 배운 개념을 가지고 적용시키기만 했다.