ReactNative를 활용한 서비스 개발부터 배포까지의 여정

올리브영의 신규 서비스인 인마이백은 SNS와 커머스가 결합된 복합 플랫폼이다. 개발팀은 Android와 iOS를 동시에 지원하면서도 개발 효율성을 높이기 위해 ReactNative를 도입했다. 특히 기존에 React 사용 경험이 있는 팀원들이 많아 러닝커브를 크게 줄일 수 있었다.

기술 스택으로는 코드의 안정성을 위해 TypeScript를 사용하며, 전역 상태 관리는 Redux를 활용해 데이터 동기화 효율을 높였다. 각 화면의 상태 관리는 State와 Effect를 적절히 사용하여 Redux의 오용을 방지했다.

효율적인 협업을 위해 다음과 같은 프로세스를 운영한다.

• 브랜치 전략: develop, feature, codepush, release로 구분하여 운영 및 QC 진행
• 코드 컨벤션: Airbnb Script Convention을 따르며 git hook으로 자동 정렬
• 코드 리뷰: 모든 feature는 최소 1명 이상의 승인을 거치는 PR 승인제 운영

주요 라이브러리로는 axios(네트워크), FCM(푸시), Firebase Crashlytics(오류 보고), React Navigation(화면 전환) 등이 사용되었다.