Compose 기본사항

Jetpack Compose를 처음으로 사용해 보세요. 구성 가능한 함수, 기본 레이아웃 및 상태, Material Design, 목록, 애니메이션에 관해 알아보세요.

 

시작 튜토리얼

Compose의 기본사항과 선언적 함수를 사용하여 간단한 UI 구성요소를 빌드하는 방법을 알아봅니다. 구성 가능한 함수, 기본 레이아웃을 알아보고 Compose에서 Material Design, 목록, 애니메이션이 작동하는 방식을 이해합니다.

Compose 이해

동영상

Compose를 이해하고 '방법'이 아닌 '무엇'에 집중하는 방법을 알아보세요.

구성 가능한 함수

동영상

Compose의 기본 요소인 구성 가능한 함수를 알아보세요.

첫 번째 Compose 앱 만들기

Codelab

상태, 레이아웃, 테마 설정을 사용하여 선언적 UI의 기본사항을 직접 사용해보고 관련 내용을 학습합니다. 이를 통해 컴포저블과 수정자가 무엇인지 알아보고, 행 및 열과 같은 기본 UI 요소를 사용하는 방법과 앱에 상태를 지정하는 방법을 알 수 있습니다.

Compose UI 도구 키트

동영상

Material Design 구성요소, 레이아웃, 수정자 등 Compose 도구 키트의 일부인 컴포저블 세트에 관해 알아보세요.

실제 디자인 구현

Codelab

이 Codelab에서는 Compose에서 즉시 제공되는 컴포저블과 수정자를 통해 실제 디자인을 구현하는 방법을 알아봅니다.

상태 시작하기

Codelab

앱의 상태에 따라 UI에 표시되는 항목이 결정되는 방식, 상태가 변경될 때 Compose에서 UI를 업데이트하는 방식, 구성 가능한 함수의 구조를 최적화하는 방법, Compose 앱에서 ViewModel을 사용하는 방법을 알아봅니다.

도구를 사용하여 가속화

동영상

Android 스튜디오에서 Compose 전용 도구를 사용하여 개발을 가속화하는 방법을 알아보세요.

뷰 시스템에서 이전

동영상 선택사항

뷰로 빌드된 기존 앱이 있나요? 점진적 이전 방법을 알아보세요.

이전 실습

Codelab 선택사항

뷰 기반 앱을 Jetpack Compose로 이전하는 실제적인 과정을 통해 Compose를 점진적으로 활용하는 방법을 이해하고 아키텍처와 테스트에 미치는 영향을 살펴보세요.

Codelab 시작

퀴즈

학습한 내용을 테스트하고 Compose 기본사항 배지를 획득하세요.