Mobile

Flutter 웹 베타로 만든 어드민 페이지를 Firebase Hosting에 배포했는데, 새로고침 시 404 에러가 발생했다. SPA 라우팅 설정으로 해결한 과정을 기록한다.

프로덕션 배포 전 APK 크기가 50MB를 넘어서 문제가 되었다. ProGuard 설정과 불필요한 의존성 제거를 통해 30MB까지 줄인 과정을 정리했다.

아이폰 X 시리즈 노치 대응을 위해 SafeAreaView를 사용하면서 겪은 문제와 해결 과정을 정리했다. Android에서는 불필요한 여백이 생기는 이슈가 있었고, Platform별 분기 처리로 해결했다.

기존 Flutter 모바일 앱을 Web으로 확장하는 작업을 진행했다. 아직 베타 단계지만 단일 코드베이스로 멀티 플랫폼을 지원할 수 있는 가능성을 확인했다.

모바일 앱 버전업 과정에서 SQLite 스키마 변경이 필요했다. sqflite 패키지를 사용한 마이그레이션 전략과 실제 구현 방법을 정리했다.

상품 목록 화면에서 스크롤 시 버벅거림이 심해 FlatList 최적화 작업을 진행했다. getItemLayout, removeClippedSubviews 등의 옵션을 적용해 프레임 드롭을 크게 줄일 수 있었다.

Android 앱의 초기 구동 속도 개선을 위해 Hermes 엔진을 적용했다. 번들 사이즈와 메모리 사용량이 크게 개선되었지만 몇 가지 주의할 점이 있었다.

Android에서 키보드가 TextInput을 가리는 문제를 겪었다. KeyboardAvoidingView와 android:windowSoftInputMode 설정으로 해결했다.

리스트 아이템이 100개를 넘어가면서 스크롤이 버벅이는 문제가 발생했다. getItemLayout과 memo를 활용해 렌더링 성능을 개선한 과정을 정리했다.

Flutter 앱 개발 중 setState의 한계에 부딪혔다. 상태 관리 라이브러리를 검토한 끝에 Provider를 선택했고, 실제 프로젝트에 적용한 과정을 정리했다.