React Native

Android 앱의 초기 로딩 속도 개선을 위해 Hermes 엔진을 도입했다. 번들 크기와 메모리 사용량이 눈에 띄게 줄어들었고, TTI 시간도 약 40% 개선되었다.

Android 앱 성능 개선을 위해 Hermes 엔진을 도입했다. 번들 크기와 초기 실행 속도가 크게 개선되었지만 디버깅 환경 설정에 약간의 시행착오가 있었다.

React Native 0.63으로 업그레이드 후 Xcode 12에서 빌드가 실패하는 문제가 발생했다. Flipper와 CocoaPods 의존성 충돌이 원인이었고, Podfile 수정으로 해결했다.

Android 앱 성능 개선을 위해 Hermes 엔진을 적용했다. 초기 로딩 시간과 메모리 사용량이 크게 개선되었으나 몇 가지 이슈가 있었다.

푸시 알림을 통한 Deep Link 처리 중 앱이 background/foreground/killed 상태일 때 각각 다른 동작을 보이는 문제를 겪었다. Linking API와 앱 상태 추적을 조합해서 해결한 과정을 기록한다.

채팅 앱 개발 중 백그라운드/포어그라운드 전환 시 소켓 연결이 끊기는 문제가 발생했다. AppState API를 활용해 앱 상태를 추적하고, 적절한 타이밍에 재연결 로직을 구현했다.

iPhone X 이후 노치 디자인이 보편화되면서 SafeAreaView 적용이 필수가 되었다. 기존 프로젝트에 SafeAreaView를 적용하며 겪은 문제와 해결 과정을 정리했다.

React Native 0.62부터 기본 제공되는 Flipper 디버깅 도구를 프로젝트에 적용했다. 기존 React Native Debugger 대비 네트워크 인스펙터와 레이아웃 디버깅이 훨씬 안정적이었다.

React Native 0.62로 업그레이드하면서 새로 도입된 Flipper 디버깅 툴 설정 과정에서 발생한 Xcode 빌드 오류를 해결했다. Podfile 설정과 CocoaPods 버전 충돌이 주요 원因이었다.

코로나19로 인한 재택근무 전환 후 iOS 빌드 환경에서 발생한 CocoaPods 의존성 문제를 해결했다. node_modules와 Pods 폴더 정리, Xcode 캐시 삭제로 해결할 수 있었다.