투두리스트 불러오기
-
[JavaScript] 투두리스트 만들기 - 생성한 아이템 저장하고 불러오기 (2)만학도 프로젝트/JavaScript TodoList 2024. 3. 24. 22:00
지난 글 정리 지난 글에서 로컬스토리지에 할 일들을 저장하는 기능까지 완료했었습니다. 지금까지 완성한 코드를 실행해보면 아이템들이 잘 생성되기도 하고 로컬스토리지에 저장도 되지만, 막상 페이지를 새로고침하면 모두 사라지는 상태인데요. 심지어 그 상태에서 새로고침을 한 이후에 새로운 아이템들을 생성하게 되면 아래 이미지처럼 로컬 스토리지에 저장된 아이템과, 화면에 보이는 아이템들 간의 차이도 발생하게 됩니다. 그럼 지금부터는 페이지를 새로고침했을 때 로컬스토리지에 저장된 값을 불러와서 화면에 그려주는 것까지 마무리해볼게요. load 함수 만들기 일단 그럼 로컬스토리지에 있는 데이터를 가져와서 아이템을 추가해 주는 함수를 한번 만들어봅시다. // ... addTodoItem ... const loadTodo..