Mobile

Flutter 웹으로 사내 어드민을 만들었는데 초기 로딩이 너무 느렸다. main.dart.js가 3MB를 넘어가면서 첫 화면까지 5초 이상 걸렸다. 코드 스플리팅과 캐싱 전략으로 절반 이하로 줄인 과정을 정리했다.

React Native 0.63 환경에서 iOS 키보드가 올라올 때 TextInput과 키보드 사이에 불필요한 여백이 생기는 문제를 겪었다. KeyboardAvoidingView의 동작 방식을 이해하고 해결한 과정을 기록한다.

Provider의 한계를 느끼고 Riverpod으로 마이그레이션을 진행했다. 컴파일 타임 안정성과 테스트 용이성이 크게 개선되었고, 러닝 커브도 생각보다 높지 않았다.

Flutter 2.0 베타에서 도입된 Null Safety를 기존 프로젝트에 적용했다. 마이그레이션 도구를 사용했지만 수동 작업이 필요한 부분들이 많았고, 특히 외부 패키지 의존성 때문에 단계적 접근이 필요했다.

React Native 0.63 업그레이드 과정에서 AsyncStorage deprecated 경고를 발견했다. @react-native-async-storage/async-storage로 마이그레이션하면서 겪은 문제와 해결 과정을 기록한다.

재택근무 환경에서 React Native 앱 빌드 시간이 병목이 되고 있었다. Gradle 캐시 설정과 불필요한 리소스 제거로 빌드 시간을 절반으로 줄였다.

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

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

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

Flutter 앱을 Play Store에 배포하는 과정에서 서명 관련 에러가 발생했다. keystore 파일 경로와 Gradle 설정을 점검하여 해결했다.