Mobile

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

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

Flutter 앱 개발 중 JWT 토큰 만료 시 자동 갱신 처리가 필요했다. Dio의 interceptor를 활용해 401 응답을 가로채고 토큰 갱신 후 원래 요청을 재시도하는 방식으로 해결했다.

회사 앱을 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% 단축되었다.

Flutter Web 프로젝트에서 브라우저 기본 컨텍스트 메뉴를 비활성화하고 커스텀 메뉴를 구현해야 했다. GestureDetector의 한계와 HTML Renderer를 활용한 해결 과정을 정리했다.