log_J

  • 홈
  • 태그
  • 방명록

recoil persist 1

[Recoil] Recoil persist 사용법

✅ 왜 사용하는가?Recoil을 사용해 칸반보드를 만드는 프로젝트를 진행중이었다.atom 데이터를 LocalStorage로 저장해브라우저를 닫거나 새로고침을 해도 데이터가 유지될 수 있게 구현하고 싶었다.  1️⃣ 초기 해결방법atom.ts 파일에서 직접 LocalStorage를 연결했다.데이터 수정이 있을 때 마다 LocalStorage에 setItem을 해줬다. const initData = localStorage.getItem('to-do');export const boardState = atom({ key: 'boards', default: [], default: initData ? JSON.parse(initData) : [],});  그런데 Kanban board 특성상 추가, 삭제, 수..

Frontend/React 2024.08.29
이전
1
다음
더보기
프로필사진

비전공자의 레벨업 코딩로그

  • 분류 전체보기 (45)
    • Frontend (26)
      • React (8)
      • Javascript (11)
      • JS Function (3)
      • Web (3)
      • Node.js (1)
    • Algorithms (3)
    • Backend (5)
      • SpringBoot (2)
      • Spring (1)
      • Spring Data JPA (1)
      • Web (1)
    • Programming Language (1)
      • Java (1)
    • IDE (1)
    • GIT (1)
    • CS (2)
    • Network (4)
    • 면접 (1)

Tag

recoil persist, vercel 환경변수, 객체구조분해, array.find, Mixed content에러, javascript, 비원시타입, 배열구조분해, React.memo useMemo, short circuit evaluation, vercel 배포, array.findIndex, javascript fill, 자바스크립트, react vercel 배포, 객체 선언, 단락회로평가, 자바스크립트 진수변환, javascript 단락회로평가, 블록킹 논블록킹,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바