본문 바로가기

react-native2

redux-persist states migration하기. 소개. Bitfolio 앱 프로젝트를 진행할 때, server database가 아닌 local의 storage에 핵심 데이터를 저장하고 있습니다. 때문에 기존 사용자들의 데이터들이 잘 보존되면서 migration 해야 했기 때문에, 조금 신중하고, 헤매었던 기억이 있어 포스팅하여 경험을 남깁니다. redux-persist를 이용하여 persisted state를 관리하다 보면, state 기본값을 바꾸거나 { key: value }를 추가, 제거해야 하는 경우가 생길 수 있습니다. 이럴 때 migration 하는 방법을 포스팅하겠습니다. 전제 조건. 기본적인 redux-persist의 구성은 이전 포스터에서 설명한 구성을 바탕으로 설명합니다. redux의 배경지식이 필요합니다. migration하기 전.. 2022. 3. 9.
redux-persist storage로 AsyncStorage 사용하고 redux-toolkit까지 구성해보기 소개. React Native로 Bitfolio 앱을 만들면서 redux 상태 관리 라이브러리를 사용하게 되어 redux-persist까지 도입하게 된 배경과 적용법까지 포스팅해 보겠습니다. 도입하게 된 배경. redux의 store는 새로고침하거나, 앱을 재실행하면 state가 초기화됩니다. 하지만 상황에 따라 state의 초기화를 원치 않을 경우가 생길 수 있습니다. 예). 1. 다크 / 라이트 모드를 지원할 경우 사용자가 원하는 모드를 저장해야 할 경우. 2. 여러 개의 언어를 지원할 경우 사용자가 설정한 언어를 저장해야 할 경우. 3. 쇼핑몰 앱의 경우 비 로그인 주문 시 장바구니에 물건을 담을 경우. 주로 이와 같은 데이터는 React Native의 문서에 따르면 AsyncStorage에 Loc.. 2022. 3. 9.