React Native

앱 내 딥링크 처리를 구현하면서 iOS와 Android의 동작 방식 차이로 인한 문제를 겪었다. 특히 앱이 백그라운드에 있을 때와 완전히 종료된 상태에서의 동작이 달라 플랫폼별 분기 처리가 필요했다.

앱스토어 심사 없이 핫픽스를 배포할 수 있는 CodePush를 도입했다. GitHub Actions를 통해 브랜치별 자동 배포 파이프라인을 구축한 과정을 정리한다.

React Native 0.72로 업그레이드 후 빌드 시 캐시 관련 에러가 발생했다. Metro bundler의 변경된 캐시 정책과 해결 방법을 기록한다.

회사 앱을 React Native 0.71로 업그레이드하면서 Hermes 엔진의 성능 개선을 체감했다. 특히 앱 초기 로딩 시간과 메모리 사용량에서 눈에 띄는 변화가 있었다.

채팅 입력창 구현 중 iOS에서 키보드가 입력창을 가리는 문제가 발생했다. KeyboardAvoidingView의 동작 원리와 실무에서 마주친 엣지 케이스들을 정리했다.

React Native 0.71로 업그레이드 후 Android 빌드가 실패하는 문제가 발생했다. Gradle 버전 충돌과 새로운 아키텍처 관련 설정이 원인이었다.

안드로이드 앱 초기 로딩 속도 개선을 위해 Hermes 엔진을 도입했다. 번들 사이즈 20% 감소와 TTI 개선 효과를 확인했고, 일부 라이브러리 호환성 문제를 해결한 과정을 기록한다.

iPhone 14 Pro 출시 이후 Dynamic Island 대응이 필요해졌다. 기존 SafeAreaView의 한계와 react-native-safe-area-context를 활용한 해결 방법을 정리했다.

프로덕션 앱에 Hermes 엔진을 적용하면서 겪은 이슈와 성능 개선 결과를 정리했다. Android 기준 앱 시작 시간이 약 40% 단축되었다.

회사 앱을 React Native 0.70으로 업그레이드하면서 Hermes 엔진을 기본으로 적용했다. 번들 크기 감소와 성능 개선이 있었지만 몇 가지 마이그레이션 이슈가 있었다.