새로운 데이터 값 id 주기 JSON, array.length + 1

const toDos  = [ ]   =>  toDos.length => 0 

 

const newId = toDos.length + 1;

const toDoObj = {

  text: text,

  id: newId      // if there isn't anything, it starts from 0

};

 

 

const toDoForm = document. querySelector(".js-toDoForm"),

toDoInput = toDoForm. querySelector("input"),

 

input value 를 주고 난 후, 그 자리 데이터를 지운다.

const currentValue = toDoInput. value;

*toDoInput. value = " ";

 

 

forEach를 통해 데이터 값들을 화면에 뿌려준다.

// 뿌려 줄 때, 저장되어 있는  JSON.STRINGIFY 값들을 => parsing을 해주고 화면에 뿌려준다.

 

 

const parsedToDos = JSON.parse(loadedToDos);

parsedToDos.forEach(function(toDo) {

  paintToDo(toDo.text); // 

});

 

자바스크립트는 local storage에 있는 모든 데이터를 String으로 저장하려고 한다.

자바스크립트 Object를 String으로 바꿔준다. // JSON.STRINGIFY