본문 바로가기
프로그래밍/Jetpack Compose

3. Jetpack Compose 시작하기 (Jetpack Compose UI 코틀린 앱 개발)

by Dylan Kim 2024. 4. 19.
반응형

 


<구글이 알려주는 앱 개발 무료 강의>

[Jetpack Compose] 가이드 맵 - 전체 보기


 

 

 

안드로이드 개발자라면 새로운 UI 프레임워크인 Jetpack Compose에 대해 들어봤을 것입니다. 이번에는 안드로이드 스튜디오에서 Jetpack Compose를 사용하는 방법에 대해 알아보겠습니다.

1. 구성 가능한 함수

Jetpack Compose에서 UI를 구성하는 기본 단위는 구성 가능한 함수입니다. 구성 가능한 함수는 @Composable이라는 주석이 달린 일반 함수입니다. 이 함수는 UI 요소를 반환합니다.

예를 들어, 다음은 "Hello World!"를 표시하는 구성 가능한 함수입니다.

2. Android 앱의 Compose

Compose를 사용하면 안드로이드 앱의 진입점은 여전히 Activity입니다. 앱을 열 때 MainActivity가 실행되고, setContent를 사용하여 레이아웃을 정의합니다.

 

setContent 함수에서는 구성 가능한 함수를 호출하여 UI를 구성합니다.

3. 앱 테마 설정

Jetpack Compose에서는 구성 가능한 함수의 스타일을 지정하기 위해 앱 테마를 설정할 수 있습니다.

 

위 코드에서는 MaterialTheme를 사용하여 테마를 설정하고, colors, typography, shapes 등을 정의합니다.

4. 미리보기

안드로이드 스튜디오에서는 @Preview 주석이 달린 구성 가능한 함수를 사용하여 UI를 미리 볼 수 있습니다.

 

 

위 코드를 작성한 후, 프로젝트를 빌드하면 안드로이드 스튜디오에서 UI를 미리 볼 수 있습니다.

 

5. 결론

Jetpack Compose는 안드로이드 개발자에게 새로운 기회를 제공하는 UI 프레임워크입니다. 안드로이드 스튜디오에서 Jetpack Compose를 사용하면 UI를 더욱 쉽고 빠르게 개발할 수 있습니다.

 


반응형

댓글