Til2 [리액트] 탭 내용까지 구현하는 방법 import Tab from "./components/Tab"; import Furniture from "./containers/Furniture"; import Option from "./containers/Option"; import Visiter from "./containers/Visiter"; type TabItem = { id: number; title: string; content: string; }; const tabItems: TabItem[] = [ { id: 1, title: "통계", content: "a" }, { id: 2, title: "옵션", content: "b" }, { id: 3, title: "품목", content: "c" }, ]; function App() { .. 2023. 3. 24. [리액트] React Todo List - 로컬스토리지 NEXT.js 환경에서 React 로 투두리스트 만드는 2일차 목업데이터에서 로컬스토리지를 사용하여 만드는 것 시도했다. 투두리스트이기 때문에 내가 저장해둔 데이터가 날아가지 않도록 로컬스토리지를 사용하는 것이 좋다 로컬스토리지란? 자료저장 localStorage.setItem (“key”, “value”) 출력하기 localStorage.getItem (“key”) 삭제하기 localStorage.removeItem (“key”) 모두 삭제 localStorage.clear () 이렇게 정리할 수 있다. 내가 필요한 것에 맞춰서 key값과 value값을 넣는다 로컬스토리지하면 또 공부해줘야 할 것이 JSON 이다 JSON이란? JSON.stringfy 객체든 배열이든 string으로 바꿔주고 싶다면 J.. 2023. 3. 22. 이전 1 다음
