Compose 기본사항

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

활동 10개
Compose 기본사항
1

시작 튜토리얼

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

2

Compose 이해

동영상

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

3

구성 가능한 함수

동영상

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

4

첫 번째 Compose 앱 만들기

Codelab

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

5

Compose UI 도구 키트

동영상

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

6

실제 디자인 구현

Codelab

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

7

상태 시작하기

Codelab

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

8

도구를 사용하여 가속화

동영상

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

9

뷰 시스템에서 이전

동영상 선택사항

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

10

이전 실습

Codelab 선택사항

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

Codelab 시작