스팀 앱 개발기 #147 - 개발 완료: Jetpack Compose 마이그레이션 2단계

dorian-mobileapp (65)in PIRCOIN · 해적 코인 • 16 hours ago

개발 완료: Jetpack Compose 마이그레이션 2단계

_{No. 146}

_{2026. 04. 27 (월) | Written by @dorian-mobileapp}

저번 포스트에서 말씀드린 Jetpack Compose로 마이그레이션. 그중 2단계를 진행했습니다. 요약 내용은 다음과 같습니다.

VoteListActivity와 VoteListAdapter를 Jetpack Compose 기반으로 전환했습니다.

파일	변경 내용
`VoteListActivity.kt`	`BaseActivity` → `ComponentActivity` 전환, Compose UI 적용
`VoteListViewModel.kt`	`MutableLiveData` → `StateFlow` 전환, `@HiltViewModel` 추가
`VoteListAdapter.kt`	삭제 (Composable로 대체)
`BaseFragment.kt`	미사용 import 제거 (`Intent`, `ActiveVote`, `VoteListActivity`)

VoteListActivity

BaseActivity<ActivityVoteListBinding, VoteListViewModel> → ComponentActivity + @AndroidEntryPoint
DataBinding, RecyclerView 어댑터, LiveData Observer 제거
setContent {} 로 Compose UI 적용
enableEdgeToEdge로 status bar 색상을 top bar(CaribbeanGreen)와 통일

VoteListViewModel

신규 Composable 함수

VoteListAdapter 대체 내용

기존 (RecyclerView)	변경 (Compose)
`Filterable` 인터페이스	`remember(votes, searchQuery)`로 반응형 필터
`OnProfileImageClickListener`	`onProfileImageClick: (String) -> Unit` 콜백
`LayoutVoteItemBinding`	`VoteItem` Composable
검색 버튼 클릭으로 필터링	입력 즉시 반응형 필터링
`OutlinedTextField` (테두리)	`TextField` (아래쪽 선만 표시)