Mobile

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

기존 Android 네이티브 모듈을 Flutter 프로젝트에 연동하는 과정에서 MethodChannel 통신이 간헐적으로 실패하는 문제가 발생했다. 스레드 처리와 Handler를 이용해 해결한 과정을 기록한다.

Flutter 웹 빌드 후 배포하니 한글이 네모 박스로 표시되는 문제가 발생했다. 기본 폰트가 한글을 지원하지 않아서 생긴 문제였고, 커스텀 폰트를 추가해서 해결했다.

회사 프로젝트를 React Native 0.69로 업그레이드하는 과정에서 Android 빌드가 실패했다. Gradle 버전과 JDK 11 호환성 문제였고, 해결 과정을 기록한다.

모바일 앱에 딥링크를 추가하는 작업을 진행했다. Android와 iOS 각각 설정이 달라 생각보다 시간이 걸렸고, 특히 Android 12 대응 과정에서 몇 가지 이슈가 있었다.

프로덕션 환경에서 키보드 입력 시 TextField가 화면 밖으로 밀려나는 문제가 발생했다. Scaffold의 resizeToAvoidBottomInset 속성과 SingleChildScrollView 조합으로 해결한 과정을 정리했다.

Flutter 웹에서 브라우저의 뒤로가기 버튼을 눌렀을 때 Navigator가 제대로 동작하지 않는 문제가 있었다. WillPopScope와 SystemNavigator를 사용해도 해결되지 않아 결국 다른 방법을 찾았다.

기존 Provider 패턴에서 Riverpod 2.0으로 마이그레이션했다. 코드 생성 기반의 타입 안정성과 컴파일 타임 체크가 가장 큰 장점이었고, 보일러플레이트는 여전히 아쉬웠다.

중소 규모 Flutter 프로젝트에서 Provider나 Bloc 없이 InheritedWidget과 ChangeNotifier만으로 상태 관리를 구현했다. 의존성을 줄이면서도 충분히 실용적인 결과를 얻었다.

React Native 0.67로 업그레이드 후 iOS 빌드가 실패하는 문제가 발생했다. Xcode 13과의 호환성 문제였고, Podfile 설정 조정으로 해결했다.