Compose 학습 이정표

1️⃣ 기초 단계: Compose 입문

목표: Compose 철학과 기초 문법 이해

학습 내용

• Jetpack Compose 소개: 기존 View 시스템과의 차이
• 프로젝트 세팅: compose-bom, Material3 테마 적용
• 기본 UI 컴포넌트: Text, Button, Image
• 레이아웃: Column, Row, Box
• 상태 관리: remember, mutableStateOf, rememberSaveable
• 미리보기: @Preview 활용

실습 예제

• 간단한 카운터 앱 만들기

 

2️⃣ 레이아웃 & 상태 단계 (초급)

목표: 다양한 UI 배치와 사용자 입력 처리

학습 내용

• 고급 레이아웃: LazyColumn, LazyRow
• Modifier 활용: padding, fillMaxSize, clickable
• 입력 컴포넌트: TextField, Checkbox, Switch, Slider
• State와 Recomposition 이해
• 다이얼로그 & Snackbar

실습 예제

• 메모 앱 (메모 추가/삭제 기능)

 

3️⃣ 아키텍처 & MVVM 단계 (중급)

목표: Compose를 앱 구조에 녹여내기

학습 내용

• ViewModel 연동: StateFlow / LiveData → Compose 상태 변환
• collectAsState() / collectAsStateWithLifecycle() 사용
• Repository & UseCase 패턴 적용
• UI 상태 모델링: UIState, UiEvent, UiEffect
• Navigation: Navigation-Compose, 화면 간 인자 전달

실습 예제

• 로그인 → 홈 화면 → 상세 화면 이동 미니 앱

 

4️⃣ 고급 Compose 단계

목표: 실무에서 자주 쓰이는 패턴 습득

학습 내용

• 리스트 & Paging 3: LazyPagingItems, collectAsLazyPagingItems()
• Theme & Custom Component: MaterialTheme 커스터마이징, 재사용 가능한 Composable 설계
• Side-Effect APIs: LaunchedEffect, DisposableEffect, SideEffect
• Animation: animate*AsState, AnimatedVisibility, AnimatedContent, rememberInfiniteTransition
• ConstraintLayout in Compose

실습 예제

• 뉴스 피드 앱 (Paging + 로딩/에러 처리 + 애니메이션)

 

5️⃣ 실무 활용 단계 (고급)

목표: 대규모 앱 개발 경험

학습 내용

• 성능 최적화: Recomposition 최소화 전략, remember, key, derivedStateOf
• 테스트: Compose UI Test (composeTestRule), Espresso 연동
• Compose ↔ View 상호 운용: AndroidView, ComposeView
• DI 연동: Hilt + ViewModel + Compose
• 라이브러리 연동: Media3, CameraX, Map Compose

실습 예제

• 음악 플레이어 앱 (Media3 + Compose UI)

 

6️⃣ 마스터 단계

목표: Compose 생태계 전반 이해 및 최신 기술 습득

학습 내용

• Compose Multiplatform (Desktop, iOS, Web)
• Glance 위젯, Wear OS Compose
• Jetpack Compose Compiler & Runtime 동작 원리
• 최신 Compose 라이브러리/패턴 트래킹