Jetpack Compose 마이그레이션, 어디서부터 시작해야 할까?
by DD
7개월 전
조회수 5
XML 기반 UI에서 Jetpack Compose로의 마이그레이션 여정을 공유함
Compose의 핵심 원리 학습, Hilt 통합, Recomposition 최적화에 집중함
코딩 가이드 정립 및 Firebase Remote Config를 활용하여 안정성 확보
Compose의 핵심 원리: Recomposition
Recomposition은 Compose UI의 핵심 동작 원리이다. 구체적으로, 상태 변경 시 UI를 다시 그리는 과정이다. 따라서, remember를 활용하여 불필요한 재구성을 방지하고, derivedStateOf를 통해 상태 간 의존성을 관리한다. 결과적으로, UI 성능 최적화를 달성한다.
Hilt와 Compose의 통합
Hilt를 사용하여 ViewModel을 주입하는 과정에서 어려움을 겪었다. 따라서, @HiltViewModel 어노테이션을 활용하여 ViewModel을 정의하고, hiltViewModel() 함수를 통해 Composable에서 인스턴스를 가져온다. 반면, Composable 함수에 직접 의존성을 주입할 때는 @Inject와 팩토리 함수를 사용한다. 결과적으로, DI를 통한 코드 관리 효율성을 높였다.
마이그레이션 성공을 위한 코딩 가이드
Compose 마이그레이션 성공을 위해 코딩 가이드를 정립했다. 구체적으로, @Composable 함수 명명 규칙, Modifier 사용 방식, 상태 관리 패턴 등을 정의했다. 따라서, 코드 일관성을 확보하고, 협업 효율성을 향상시켰다. 결과적으로, 유지보수성을 높였다.
