이제 천천히 그동안 못들었던 강의들을 들어서 마무리 해볼까 한다.

TodoList저장하기

const toDos = [];
//저장할 배열을 만든다

function handlToDoSubmit(event){
    event.preventDefault();
        const newTodo=todoInput.value;
    todoInput.value="";
    toDos.push(newTodo); //입력한 값을 위에 만든 배열에 배열에 저장
    paintToDo(newTodo); //입력값을 프린트하는 함수
    saveToDos(); //저장된 배열을 로컬스토리지에 저장하는 함수


}


//배열을 로컬스토리지에 저장하는 함수
function saveToDos(){
    localStorage.setItem("toDos", JSON.stringify(toDos)) //로컬스토리지에 해당 배열을 저장 JSON형식의 배열로 저장
}

• 배열을 저장하기 위해 번저 배열을 선언한다.
• 입력한 toDo를 .push를 활용해 배열에 저장한다.
• 배열을 로컬스토리지에 저장한다.
  • 저장된 배열은 그냥 값이 나열된것이다, 이것을 활용하기 위해서는 JSON으로 변환이 필요하다
  • 그래서 저장된 배열을 JSON.stringify(toDos)를 통해 JSON형식으로 변환해 저장시킨다.