본문 바로가기

사이드 프로젝트4

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