[나만의 Home Page] 할 일 목록 만들기

입력하기

스크롤 내리기

할 일을 입력하면 목록에 추가된다. 그리고 옆의 x 버튼을 누르면 해당 할 일이 삭제된다.

---

기술

- 할 일 목록을 localStorage에 저장한다.

- 할 일 목록을 localStorage에서 불러온다.

- 할 일은 createElement(), appendChild()를 통해 화면에 나타낸다.

- 할 일은 Date.now()를 이용하여 고유한 id를 만든다.

- x버튼이 눌리면 event.target.parentElement를 이용해 해당 li 요소를 없앤다.

- filter()를 통해 할 일 목록에서 해당 내용도 삭제하고, localStorage도 수정한다.

---

https://github.com/soaringwave/html-JS-css/commit/16a8b0504cc183e4fa4cb6e4feeaed98bf8b4a2b