엘리먼트안에 다른 엘리먼트 생성

function paintToDo(newTodo) {
  const li = document.createElement("li");
  const span = document.createElement("span");
  li.appendChild(span);
  span.innerText = newTodo;
}  

이모지 추가

윈도우키 + .

엘리먼트의 부모 엘리먼트 삭제

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

localStorage에 배열 저장

기본적으로 localStorage는 String만 저장 가능

1. JSON.stringify 사용

JS 오브젝트나 배열 등을 string으로 만들어줌

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

2. JSON.parse 사용

string을 JS 오브젝트나 배열로 만들어줌

const savedToDos = localStorage.getItem("todos");

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

arrow function