티스토리 뷰
직전에 배열을 로컬스토리지에 저장까지 하였으나, 로컬스토리지에만 저장되어 있고 새로고침하면 화면에서 계속 사라짐.
로컬스토리지를 먼저 확인하고 그곳에 값이 있으면 그것을 출력하는 코드가 필요함.
"toDos"라는 문자열이 계속 쓰여서 TODOS_KEY라는 변수로 만들어준 상황(그냥 문자열을 쓰면 오타나기도 쉽고 오타났을때 찾아내기가 더 어려움)
일단 savedToDos가 null이 아니라면,(로컬스토리지에 뭔가 값이 있다면) 그것을 JSON.parse로 살아있는 배열로 만들어준다.
parsedToDos는 살아있는 배열이다. 배열의 기능을 할 수 있고 사용자가 입력한 todo가 들어있는 배열일것이다. toDos=parsedToDos의 의미는 새로고침할때마다 빈 배열로 만들어서 초기화 하지 않도록 한다. 그리고 각 요소마다 전에 만들어놓은 paintToDo 함수에 넣어서 화면에 출력한다.
여기까진 좋은데 삭제버튼을 눌러서 삭제를 해도 로컬스토리지에 그대로 들어있어서 오히려 삭제하고 새로고침하면 다시 나오는 현상이 있다. 버튼을 눌러서 화면에서 삭제할때 로컬스토리지에서도 삭제되는 코드를 추가해야한다.