I T H

보통의 웹 프로젝트에서 프론트의 ui 작업과 이벤트 처리작업이 끝나면 axios를 사용해서 백앤드의 Spring or Node.js등을 이용해서 DB와 연결시키면 된다. 이번챕터는 간단하게 locaStorage를 사용해서 페이지 새로고침(refresh)시 데이터가 없어지지 않고 유지되도록만 해보겠다. - 아래와 같이 todoData가 변경되는 부분들 아래에 다 넣어준다. localStorage.setItem("todoData", JSON.stringify(newTodoData)); [App.js] import React, { useCallback } from "react"; import "./App.css"; import { useState } from "react"; import Lists from "..