본문 바로가기

localstorage

(2)

[ LocalStorage ] localStorage에서 배열(Array)다루기. 최근 작업 할 부분이 client측에서 `localStorage`를 통해 배열을 저장, 수정, 삭제하는 기능을 구현해야 해서 정리해 보았다. (localStorage는 웹 브라우저의 클라이언트 측에 데이터를 저장하는 데 사용되는 웹 스토리지) 1. 배열을 `localStorage`에 저장하기: // 예시 배열 const myArray = [1, 2, 3, 4, 5]; // 배열을 JSON 문자열로 변환하여 localStorage에 저장 localStorage.setItem('myArray', JSON.stringify(myArray)); * localStorage는 value에 문자열만 가능하기 때문에, JSON.stringufy()를 이용하여 배열을 문자로 바꾸어 저장해야한다. 2. `localStor..

[ React / Recoil ] React의 상태관리 라이브러리 Recoil의 effects 사용하기. 나는 보통 react 프로젝트를 하게 되면 간단한 상태 관리들은 대부분 recoil을 통해 하는데 이번에 recoil의 부가적인 기능들에 대해 더 서치를 하다가 Atom Effects에 대해 알아보게 되었다. Recoil 공식 페이지의 Atom Effects 설명은 아래 링크를 통해 참고하면 된다. atom effects - recoil recoil 공식 페이지에서 소개하는 atom effects는 부수효과들을 관리하고 Recoil의 atom을 초기화하거나 동기화하기 위해 사용하는 API라고 설명한다. Atom Effects - 상태 지속성 - 상태 동기화 - 히스토리 관리 - 로깅 등에 유용하고 React Effects와도 유사하지만 Atom Effects는 atom을 정의할 때 atom 정의의 일부로..

티스토리툴바