Compose 기본사항
Jetpack Compose를 처음으로 사용해 보세요. 구성 가능한 함수, 기본 레이아웃 및 상태, Material Design, 목록, 애니메이션에 관해 알아보세요.
뒤로
Jetpack Compose 시작 튜토리얼
Compose의 기본사항과 선언적 함수를 사용하여 간단한 UI 구성요소를 빌드하는 방법을 알아봅니다. 구성 가능한 함수, 기본 레이아웃을 알아보고 Compose에서 Material Design, 목록, 애니메이션이 작동하는 방식을 이해합니다.
Compose 개요
Compose의 개요, 선언적 UI 도구 키트의 정의, Compose를 사용해 멋진 UI를 빌드하는 방법에 관해 알아보세요.
Compose 이해
Compose의 기본사항과 선언적 함수를 사용하여 간단한 UI 구성요소를 빌드하는 방법을 알아봅니다. 구성 가능한 함수, 기본 레이아웃을 알아보고 Compose에서 Material Design, 목록, 애니메이션이 작동하는 방식을 이해합니다.
첫 번째 Compose 앱 만들기
상태, 레이아웃, 테마 설정을 사용하여 선언적 UI의 기본사항을 직접 사용해보고 관련 내용을 학습합니다. 이를 통해 컴포저블과 수정자가 무엇인지 알아보고, 행 및 열과 같은 기본 UI 요소를 사용하는 방법과 앱에 상태를 지정하는 방법을 알 수 있습니다.
Compose의 기본 레이아웃
이 Codelab에서는 Compose에서 즉시 제공되는 컴포저블과 수정자를 통해 실제 디자인을 구현하는 방법을 알아봅니다.
Compose에서의 상태
앱의 상태에 따라 UI에 표시되는 항목이 결정되는 방식, 상태가 변경될 때 Compose에서 UI를 업데이트하는 방식, 구성 가능한 함수의 구조를 최적화하는 방법, Compose 앱에서 ViewModel을 사용하는 방법을 알아봅니다.
Compose 테마 설정
이 Codelab에서는 Jetpack Compose의 테마 설정 API를 사용하여 애플리케이션의 스타일을 지정하는 방법을 알아봅니다. 밝은 테마와 어두운 테마 등 여러 테마를 지원하여 애플리케이션 전체에서 일관되게 사용되도록 색상과 도형, 서체를 맞춤설정하는 방법을 알아봅니다.
Compose로 이전
Compose의 Material Design을 실제로 사용하여 앱의 색상, 서체, 도형의 테마를 설정하고 밝은 테마와 어두운 테마를 지원하는 방법을 알아봅니다.