Jetpack Compose 기반 선언형 UI 기초 및 상태 관리

1. 선언형 UI 패러다임의 혁신

과거의 안드로이드 UI는 XML 레이아웃을 인플레이트한 뒤 findViewById로 뷰 인스턴스를 가져와 setText(), setVisibility() 등의 메서드로 상태를 직접 변형하는 명령형(Imperative) 구조였습니다. 이는 상태의 불일치(State Inconsistency)와 무수한 버그를 초래했습니다.

Jetpack Compose는 UI가 "현재 상태(State)의 함수"라는 철학을 따릅니다:

$UI = f(State)$

2. AI 인퍼런스 상태 렌더링 아키텍처

AI 모델은 다음과 같은 4가지 상태를 필연적으로 거칩니다:

1. Idle: 모델이 메모리에 로드 대기 중이거나 사용자 입력을 기다리는 상태
2. Loading/Inference: 텐서 변환 및 인퍼런스가 비동기 실행되는 상태
3. Success: 추론 결과 텐서가 파싱되어 사용자 친화적 데이터로 반환된 상태
4. Error: 메모리 부족(OOM), 하드웨어 가속기 실패, 파라미터 불일치 등

sealed interface AiScreenState {
    data object Idle : AiScreenState
    data class Inferencing(val progress: Float) : AiScreenState
    data class Success(val outputText: String, val latencyMs: Long) : AiScreenState
    data class Error(val message: String) : AiScreenState
}

3. 재구성(Recomposition) 최적화 팁

인퍼런스 중 실시간으로 FPS나 랜드마크 좌표가 바뀔 때 전체 화면이 다시 그려지면 심각한 프레임 드랍이 발생합니다.

• 복잡한 람다는 remember로 캐싱할 것
• 자주 바뀌는 스칼라 값은 derivedStateOf로 래핑할 것
• 컬렉션 모델에는 @Immutable 어노테이션을 부여할 것