Mobile

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

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

Flutter 앱에서 웹뷰를 사용하다가 네이티브와 JavaScript 간 통신이 필요한 상황이 생겼다. webview_flutter 패키지의 JavascriptChannel을 사용해서 양방향 통신을 구현한 과정을 정리했다.

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

Flutter 웹 빌드 후 배포했더니 한글이 깨져서 표시되는 문제가 발생했다. CanvasKit 렌더러와 HTML 렌더러의 차이를 이해하고 커스텀 폰트를 적용해 해결했다.

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

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

Flutter 팀이 Null Safety를 공개했다. 아직 베타지만 기존 프로젝트에 미칠 영향을 미리 파악해봤다. 마이그레이션 전략과 주의할 점을 정리했다.

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

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