요약
부동산 투자 플랫폼 "리얼바이"를 개발하였습니다.
해당 앱은 베타 버전으로 가상의 상품을 표시하고 상업용 부동산 정보를 공유했습니다.
주요 기능
- 부동산 상품 조회
- 지도 내 상업용 부동산 정보 조회
상세
소수의 인력으로 안드로이드 / IOS의 플랫폼을 개발하기 위해 React Native를 통해 개발했습니다.
이전 프로젝트에서 Type Script를 사용해보고 시작부터 TS를 통해서만 개발을 하기 시작했습니다.
효율적인 데이터 패칭을 위해 Reac-query를 적용하였고, 전역 상태는 Context API로 관리하였습니다.
RN으로 구현 중 지도 관련된 부분이 문제가 되었었는데, RN으로 포팅된 라이브러리들은 원하는 기능을 수행하기에는 부족하다고 판단되었습니다.
해외에서 주로 사용하는 구글 맵 같은 경우에는 기업 단위로 포팅이 지원되었지만, 국내 지도 SDK들은 RN에서 사용하기에는 불편한 점이 많았습니다.
원하는 모양의 마커를 띄우거나, 위치를 조정하는 부분에서 불편하거나 구현이 되어있지 않은 부분이 많았습니다.
이를 해결하기 위해 Native Component를 사용하기로 결정했습니다.
기존 안드로이드 개발 경험이 있었기 때문에 Java / Kotlin <-> RN 브릿지는 어렵지 않게 해결하여 구현할 수 있었습니다.
하지만 Objective-C, Swift에 대한 경험이 없어 초기에 시간이 많이 투자되었습니다.
당시 Swift는 많이 사용 되어 자료가 많았으나 Objective-C는 많이 사용 되지 않아 여러 시행착오를 통해 해결하게 되었습니다.
모바일 앱을 개발하면서 기본적으로 다양한 기기의 사이즈를 고려해야 되지만 폴더블 폰에 대한 지원은 생각은 하지 못했습니다.
당시 구성원 중에 폴더블 폰을 사용하는 인원이 있어 테스트해보았는데, 좁은 화면에서의 최적화가 되어있지 않았고, 지속적인 QA를 통해서 해결했습니다.
RN의 배포 과정은 매우 복잡하였는데, 안드로이드/IOS 각각의 IDE에서 프로덕션 빌드 후 해당 파일을 추출하여 스토어에 업로드하는 방식이었습니다. 이로 인해 매 업데이트 마다 많은 시간이 소요되어 불편함을 느껴 앱의 배포 과정을 간소화하는 법을 찾아보았고, fastlane 을 도입하여 해당 과정에 소요되는 시간을 단축할 수 있었습니다.
기술 스택
- React Native
- Type Script
- React-query
- Swift
- Kotlin
- fastlane
팀
- 기획: 1명
- 디자인: 2명
- 백엔드: 1명
- 프론트엔드 1명
