Jetpack Compose로 만드는 안드로이드 UI 기본 가이드

Jetpack Compose로 만드는 안드로이드 UI 기본 가이드

2025년 최신 UI 개발 트렌드

1. Jetpack Compose란?

Jetpack Compose는 구글이 공식 지원하는 선언형 UI 툴킷으로, 안드로이드 UI를 XML 없이 Kotlin 코드만으로 구현할 수 있게 해줍니다. 기존 View 기반 방식보다 더 간결하고 직관적으로 UI를 작성할 수 있습니다.

2. Jetpack Compose의 장점

• XML 없이 Kotlin 코드만으로 UI 작성
• 핫리로드(Hot Reload)로 빠른 미리보기
• 코드 재사용성이 높아 유지보수 용이
• 반응형 UI 설계 가능

3. Jetpack Compose 시작하기

프로젝트에 Jetpack Compose를 적용하려면 Gradle 설정에 다음 코드를 추가해야 합니다.

// build.gradle(app)
android {
    buildFeatures {
        compose true
    }
    composeOptions {
        kotlinCompilerExtensionVersion '1.5.1'
    }
}

dependencies {
    implementation "androidx.compose.ui:ui:1.5.1"
    implementation "androidx.compose.material:material:1.5.1"
    implementation "androidx.compose.ui:ui-tooling-preview:1.5.1"
}
            

4. 기본 UI 예제

아래 예제는 Jetpack Compose를 활용해 간단한 버튼과 텍스트를 출력하는 코드입니다.

@Composable
fun GreetingScreen() {
    var count by remember { mutableStateOf(0) }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Text(text = "버튼 클릭 횟수: $count", fontSize = 20.sp)
        Spacer(modifier = Modifier.height(16.dp))
        Button(onClick = { count++ }) {
            Text("클릭")
        }
    }
}
            

5. 마무리

Jetpack Compose는 안드로이드 UI 개발의 패러다임을 바꾸고 있습니다. Kotlin과 함께 사용하면 훨씬 더 간결하고 유지보수하기 좋은 코드를 작성할 수 있습니다. 앞으로의 프로젝트에서는 Compose를 적극적으로 활용해보세요.