redux-persist states migration하기.
·
사이드 프로젝트/Bitfolio
소개.Bitfolio 앱 프로젝트를 진행하면서, 서버 데이터베이스가 아닌 로컬의 스토리지에 핵심 데이터를 저장하는 구조를 채택하게 되었습니다. 그로 인해 기존 사용자들의 데이터를 최대한 안정적으로 보존하면서 마이그레이션을 진행해야 했고, 이 과정에서 꽤 신중하게 접근해야 했습니다. 시행착오도 있었지만, 그 경험을 정리해 공유해보고자 합니다. redux-persist를 사용해 persisted state를 관리하다 보면, 종종 state의 기본값을 수정하거나 새로운 { key: value } 를 추가하거나 제거해야 할 상황이 발생합니다. 이럴 때 필요한 것이 바로 마이그레이션(migration) 작업입니다. 이번 포스팅에서는 redux-persist에서 마이그레이션을 적용하는 방법에 대해 소개하겠습니다.전..
redux-persist storage로 AsyncStorage 사용하고 redux-toolkit까지 구성해보기
·
사이드 프로젝트/Bitfolio
소개.React Native로 Bitfolio 앱을 만들면서 redux 상태 관리 라이브러리를 사용하게 되어 redux-persist까지 도입하게 된 배경과 적용법까지 포스팅해 보겠습니다.도입하게 된 배경.redux의 store는 새로고침하거나, 앱을 재실행하면 state가 초기화됩니다. 하지만 상황에 따라 state의 초기화를 원치 않을 경우가 생길 수 있습니다. 예). 1. 다크 / 라이트 모드를 지원할 경우 사용자가 원하는 모드를 저장해야 할 경우. 2. 여러 개의 언어를 지원할 경우 사용자가 설정한 언어를 저장해야 할 경우. 3. 쇼핑몰 앱의 경우 비 로그인 주문 시 장바구니에 물건을 담을 경우. 주로 이와 같은 데이터는 React Native의 문서에 따르면 AsyncStorage..