[javascript] 바닐라 JS로 크롬 앱 만들기 - #7.1 ~ toDo list

 

삭제는 li 안에 버튼을 만들고, 

function deleteToDo(event) {
  const li = event.target.parentElement;
  li.remove();
}

event.target.parentElement(즉 li)를 지우는 방법을 쓴다.

 

 

할 일을 저장하기 위해서 로컬 스토리지를 사용한다. 

localStorage.setItem(TODOS_KEY, JSON.stringify(toDos));

 

배열, 오브젝트 등을  string으로 저장할 수 있게 해주는 JSON.stringify

 

const savedToDos = localStorage.getItem(TODOS_KEY);

if (savedToDos) {
  const parsedToDos = JSON.parse(savedToDos);
}

그걸 다시 배열, 오브젝트로 바꿔주는 JSON.parse