Mobile

iOS 13 정식 출시 후 다크모드를 지원하지 않는 앱들이 이슈가 되고 있다. React Native 0.60 기반 프로젝트에 다크모드를 적용하면서 겪은 문제들을 정리했다.

Flutter 앱 규모가 커지면서 setState로는 상태 관리가 어려워졌다. Provider 패턴을 도입해 위젯 간 상태 공유와 리빌드 최적화를 해결한 과정을 정리했다.

Flutter 프로젝트의 iOS 빌드 시간이 5분 이상 소요되는 문제를 겪었다. 빌드 캐시와 CocoaPods 최적화를 통해 2분대로 단축한 과정을 기록한다.

React Native 0.60으로 업그레이드하면서 AndroidX 마이그레이션 과정에서 겪은 문제들을 정리했다. 특히 서드파티 라이브러리 호환성 문제와 해결 방법을 기록한다.

setState로 관리하던 상태가 복잡해지면서 Provider 패턴을 도입했다. 위젯 트리 전반에 걸친 상태 공유와 rebuild 최적화가 필요했던 상황에서의 적용 경험을 정리한다.

iOS에서 키보드가 올라올 때 입력창이 가려지는 문제를 해결했다. KeyboardAvoidingView의 동작 방식과 실제 적용 시 주의사항을 정리한다.

iPhone X 이후 노치 디바이스가 늘어나면서 Safe Area 처리가 필수가 되었다. react-native-safe-area-context를 도입하여 기존 하드코딩된 패딩 값들을 제거하고 일관된 레이아웃을 구현했다.

대량의 데이터를 렌더링할 때 FlatList의 성능 이슈가 발생했다. getItemLayout과 keyExtractor를 적용해 스크롤 성능을 개선한 과정을 정리했다.

React Native 0.59로 업그레이드 후 Android 빌드가 실패하는 문제가 발생했다. Gradle 버전 충돌과 AndroidX 마이그레이션 이슈를 해결한 과정을 기록한다.

Flutter 앱 성능 개선 작업 중 불필요한 위젯 리빌드가 발생하는 문제를 발견했다. const 생성자를 활용해 위젯 재생성을 방지하고 렌더링 성능을 개선한 과정을 정리했다.