조금씩 꾸준히 완성을 향해

앱에 Todo-list를 추가해 보자. 먼저 이렇게 입력할 수 있는 input 태그를 생성해 준다. const toDoForm = document.getElementById("todo-form"); function handleToDoSubmit(event){ event.preventDefault(); } toDoForm.addEventListener("submit", handleToDoSubmit); submit이 되면 값을 저장하기 위해 handleToDoSubmit 함수를 호출한다. 함수 안에서는 가장 먼저, submit의 default 행위(새로고침)을 막아주기 위해 preventDefalut() 메소드를 불러준다. 그리고 나서는 이렇게 입력하고 enter를 눌렀을 때 값은 저장이 되고, input..

입력받은 username을 저장하고 지속적으로 보여주기 위해서 Web API인 Local Storage를 사용해 보자. Local Storage는 브라우저에 값을 저장하고 가져다 쓸 수 있게 해주는 유용한 API이다. https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage Window.localStorage - Web APIs | MDN The localStorage read-only property of the window interface allows you to access a Storage object for the Document's origin; the stored data is saved across browser sessi..