[React] localStorage 사용해 List 데이터 JSON으로 저장하기
모달창으로 작성한 데이터가 리스트 화면에 뜬다고 해서 끝이 아닙니다. 현 단계에서 새로고침을 하면 화면에 리스트 아이템이 사라지니까요. 데이터를 저장하는데에는 서버나 클라우드를 사용해도 되겠지만, 클라이언트 단, 그러니까 브라우저상에 저장할 수 있는 웹 스토리지(local storage, session storage) 중 localStorage를 사용해 이전의 mock데이터를 옮겨주고, 새로 추가하는 데이터 또한 새로고침해도 보여지도록 하겠습니다. 우선 초기 데이터 세팅을 합니다. const initialPostData = localStorage.getItem("contents") ? JSON.parse(localStorage.getItem("contents")) : []; 그리고 이 초기 데이터를 co..
Study with me
2023. 1. 2. 15:17
