Javascript-09.todo 저장하기

todo리스트를 저장하기 위해
우선 빈 array를 만든다.

const toDos = []

그런다음,
newTodo가 생길때마다, todo에 push한다.

function handleTodoSubmit(event){
    event.preventDefault();
    const newTodo = todoInput.value;
    toDos.push() = newTodo;
    paintTodo(newTodo);
    todoInput.value = "";
}

console에서 toDos array에 변수가 잘 들어갔는지 확인한다.
그러나 어차피 새로고침하면 없어지므로 local storage에 저장해야 한다. local storage에 toDos를 저장하는 함수를 만든다.

function saveTodo(){
    localStorage.setItem("toDos", toDos);
}

그리고 나서 submit 함수 내에서 saveTodo()를 호출한다.
그러면 application에서 key-value로 todo가 저장되는 것을 확인가능하다.

그러나 이것은 텍스트 값으로 저장된 것이라서
array로 저장하기 위해서는 JSON.stringify를 해줘야 한다.

function saveTodo(){
    localStorage.setItem("toDos", JSON.stringify(toDos));
}

그러면 ["a", "b", "c"]로 저장된다.