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로 이전하는 실제적인 과정을 통해 Compose를 점진적으로 활용하는 방법을 이해하고 아키텍처와 테스트에 미치는 영향을 살펴보세요.

Compose의 기본 레이아웃

Codelab

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

Compose의 지연 레이아웃

동영상 선택사항

Compose에서 스크롤 목록을 만드는 방법과 RecyclerView를 사용하는 것보다 간단한 이유를 알아보세요. 스크롤 목록을 중첩하는 것이 허용되지 않는 이유와 이를 다른 방식으로 하는 방법, 항목의 크기가 0픽셀이면 안 되는 이유, 고유 키를 제공하는 것이 중요한 이유와 항목 애니메이션의 작동 방식을 자세히 알아보세요. 마지막으로 그리드를 표시하는 방법과 맞춤 레이아웃 관리자를 사용하는 방법을 살펴보고 성능 최적화를 개선하여 스크롤 속도를 높이는 방법을 알아봅니다.

Jetpack Compose 테마 설정

Codelab

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

Jetpack Compose 애니메이션

Codelab

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

Jetpack Compose의 상태

Codelab

Jetpack Compose에서 상태를 사용하여 풍부한 대화형 Android 앱을 빌드하는 것과 관련된 핵심 개념을 알아봅니다.

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

Codelab

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

Jetpack Compose 탐색

Codelab

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

Jetpack Compose의 일반적인 성능 문제

동영상 선택사항

Jetpack Compose는 마법처럼 느껴질 수 있지만 원하는 만큼 마법 같은 성능이 없으면 어떻게 하나요? 이 강연에서는 성능과 일반적인 실수, 이러한 실수를 방지하는 방법과 관련된 Jetpack Compose의 권장사항을 살펴봅니다.

Jetpack Compose에서 테스트

Codelab

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

Jetpack Compose의 접근성

Codelab

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

Jetpack Compose 퀴즈

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