Flutter

Flutter 웹에서 TextFormField의 브라우저 자동완성 기능이 제대로 동작하지 않는 문제를 겪었다. autofillHints 속성만으로는 부족했고, 추가적인 설정이 필요했다.

iOS에서 키보드가 올라올 때 TextField가 가려지는 문제를 겪었다. MediaQuery의 viewInsets을 활용해 동적으로 패딩을 조정하는 방식으로 해결했다.

Flutter 프로젝트에서 image_picker 플러그인을 사용해 카메라 기능을 구현하던 중 Android와 iOS에서 각각 다른 권한 이슈를 만났다. 플랫폼별 설정과 권한 처리 방법을 정리했다.

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

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

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

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

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

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

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