Jetpack Compose

네이티브 Android UI를 빌드하기 위한 최신 도구 키트인 Compose에 관해 알아봅니다.

 

튜토리얼: Jetpack Compose 기본사항

기사 선택사항

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

자료 읽기

Jetpack Compose의 새로운 기능

동영상 선택사항

Jetpack Compose의 개요를 알아보고 선언적 UI 도구 키트의 정의와 Compose를 사용한 멋진 UI 빌드 방법을 알아보세요.

Compose 이해

기사 선택사항

Compose의 선언적 접근 방식과 과거에 사용하던 뷰 기반 접근 방식의 차이를 알아봅니다.

자료 읽기

Jetpack Compose 기초

Codelab

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

Jetpack Compose의 레이아웃

Codelab

기본 제공 레이아웃, 수정자, 자체 맞춤 레이아웃 빌드 방법을 포함하여 Jetpack Compose에서 레이아웃이 작동하는 방식을 알아봅니다.

Jetpack Compose에서 상태 사용

Codelab

할 일 앱을 만들어 선언적 환경에서 상태 작업의 패턴을 파악합니다. 단방향 데이터 흐름, 스테이트리스(Stateless) 및 스테이트풀(Stateful) 컴포저블, 슬롯 API, Compose에서 ViewModel을 사용하는 방법 등에 관해 알아보세요.

Jetpack Compose 테마 설정

Codelab

Compose의 머티리얼 디자인을 실제로 사용하여 앱의 색상, 서체, 도형의 테마를 지정하고 밝은 테마와 어두운 테마를 지원하는 방법을 알아봅니다.

Jetpack Compose 애니메이션

Codelab

Compose Animation API 사용 방법을 알아봅니다. 가장 간단한 값 애니메이션으로 시작하여 몇 가지 일반적인 애니메이션 패턴을 통해 다른 API를 배웁니다. 또한 애니메이션 맞춤설정 및 터치 동작이 포함된 애니메이션과 같은 고급 주제도 살펴봅니다.

Jetpack Compose 탐색

Codelab

Compose의 Jetpack Navigation 라이브러리의 사용 방법을 알아보고 애플리케이션 내에서 탐색 및 인수로 탐색하는 방법과 딥 링크를 지원하고 탐색을 테스트하는 방법을 알아봅니다.

Jetpack Compose에서 테스트

Codelab

Jetpack Compose UI를 테스트하는 방법을 알아보세요. 첫 번째 테스트를 작성하고 각각을 테스트하고 디버깅하는 방법, 시맨틱 트리, 테스트 동기화에 관해 자세히 알아보세요.

Jetpack Compose의 접근성

Codelab

특히 장애가 있는 사용자를 위해 앱의 사용성을 개선하는 방법을 알아보세요. 개선 방법으로는 터치 영역 크기를 늘리고, 콘텐츠 설명을 추가하고, 맞춤 작업을 만드는 방법 등이 있습니다.

Jetpack Compose로 이전

Codelab

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

Jetpack Compose의 상태 및 부수 효과에 관한 고급 개념

Codelab

Jetpack Compose의 상태 및 부수 효과 API와 관련된 고급 개념을 알아봅니다. 복잡한 스테이트풀(Stateful) 컴포저블의 상태 홀더를 만드는 방법, Compose 코드에서 코루틴을 만들고 정지 함수를 호출하는 방법, 다양한 사용 사례의 부수 효과를 트리거하는 방법을 알아봅니다.

Jetpack Compose 퀴즈

Compose에 관한 지식을 테스트하고 Jetpack Compose 배지를 획득하세요.