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..
사이드 프로젝트로 앱 주제 선정하기.
·
사이드 프로젝트/Bitfolio
이것저것 해보고 싶은 것도 많고, 인턴 활동이 끝난 찰나에 저는 사이드 프로젝트를 진행하고자 마음먹었습니다. 심플한 목표로는 앱 기획부터 ~ 스토어에 론칭까지..? 사이드 프로젝트로 앱 주제 선정하기까지의 과정은 다음과 같습니다. 앱을 통해 하고자 하는 방향과 목표 세우기 앱 주제 선정 & 아이템 구체화 하기 01. 앱을 통해 하고자 하는 방향과 목표 세우기 흐지부지 끝나지 않고 무엇을 성취할 수 있도록 마무리가 되기 위해서는 목표가 필요했습니다. 저는 앱 아이디어를 구상하기 전에 가장 먼저 이번 앱을 통해 무엇을 하고 싶은지, 프로젝트를 하게 된 목적이 무엇인지 저에게 물어보았습니다. 이번 사이드 프로젝트는 해보고 싶은 것이 있기 때문에 시작한 만큼 답은 간단했습니다. 1) 앱을 통해 어떤 것들을 하고..