Jetpack Compose 시작하기

Jetpack Compose는 네이티브 Android UI를 빌드하기 위한 최신 도구 키트입니다. 여기에서 Compose 사용에 관한 최신 정보를 확인할 수 있습니다.

  • 개요: Compose 개발자에게 제공되는 모든 리소스를 확인하세요.
  • 가이드: Compose를 사용하여 간단한 UI를 빌드함으로써 Compose를 시작해 보세요.

기초

  • Compose 이해: Compose의 선언적 접근 방식이 과거에 사용했을 수 있는 뷰 기반 접근 방식과 어떻게 다른지 그리고 Compose로 작업하는 정신 모델을 빌드하는 방법을 알아보세요.
  • 상태 관리: Compose 앱에서 상태를 설정하고 사용하는 방법을 알아보세요.
  • 컴포저블의 수명 주기: 컴포저블의 수명 주기와 Compose가 컴포저블을 다시 그려야 하는지 판단하는 방법을 알아보세요.
  • Compose의 부수 효과: 부수 효과를 관리하는 가장 좋은 방법을 알아보세요.
  • 아키텍처 레이어링: Jetpack Compose를 구성하는 아키텍처 레이어와 관련 디자인에 영향을 준 핵심 원칙을 알아보세요.
  • Compose의 시맨틱스: 접근성 서비스와 테스트 프레임워크에 사용할 수 있는 방식으로 UI를 구성하는 시맨틱스 트리에 관해 알아보세요.
  • CompositionLocal을 사용해 로컬로 범위가 지정되는 데이터: CompositionLocal을 사용하여 Composition을 통해 데이터를 전달하는 방법을 알아보세요.

개발 환경

  • Compose가 포함된 Android 스튜디오: Compose를 사용하도록 개발 환경을 설정해 보세요.
  • 도구: Compose를 지원하는 Android 스튜디오의 새로운 기능에 관해 알아보세요.
  • Compose용 Kotlin: 특정 Kotlin 관련 관용구가 Compose와 함께 어떻게 작동하는지 알아보세요.
  • 개발자를 위한 특성: Compose로 이전하면 앱의 APK 크기와 런타임 성능에 어떤 영향이 있는지 알아보세요.

디자인

  • 레이아웃: Compose의 네이티브 레이아웃 구성요소 및 고유한 자체 디자인 방법을 알아보세요.
    • 레이아웃 기본사항: 간단한 앱 UI의 기본 요소를 알아보세요.
    • 맞춤 레이아웃: 앱 레이아웃을 제어하는 방법과 자체 맞춤 레이아웃을 디자인하는 방법을 알아보세요.
    • 정렬 선: 맞춤 정렬 선을 만들어 UI 요소를 정확하게 정렬하고 배치하는 방법을 알아보세요.
    • 내장 기능 측정: Compose는 패스당 한 번만 UI 요소 측정을 허용하므로 이 페이지에서는 측정하기 전에 하위 요소에 관한 정보를 쿼리하는 방법을 설명합니다.
    • ConstraintLayout: Compose UI에서 ConstraintLayout을 사용하는 방법을 알아보세요.
  • 테마 설정: Compose 기반 UI의 테마를 설정하는 방법을 알아보세요.
  • 목록: 데이터 목록을 관리하고 표시하는 Compose 옵션에 관해 알아보세요.
  • 텍스트: 텍스트를 표시하고 수정하기 위한 Compose의 기본 옵션에 관해 알아보세요.
  • 그래픽: 맞춤 그래픽을 만들고 사용하기 위한 Compose의 기능에 관해 알아보세요.
  • 애니메이션: UI 요소를 애니메이션 처리하기 위한 Compose의 여러 옵션에 관해 알아보세요.
  • 동작: 사용자 동작을 감지하고 사용자 동작과 상호작용하는 Compose UI를 빌드하는 방법을 알아보세요.

Compose 채택

  • 기존 앱에서 Compose 채택: Compose를 기존 앱의 아키텍처 및 UI와 통합하는 방법을 알아보세요.
    • 앱에 Compose 추가: 기존 뷰 기반 앱에서 Compose 사용을 시작하는 방법에 관한 기본사항을 알아보세요.
    • 상호 운용성 API: Compose의 API를 사용하여 Compose와 뷰 기반 UI를 결합하는 방법을 알아보세요.
    • 기존 아키텍처에서의 Compose: 앱에서 Compose를 채택할 때 뷰와 Compose 기반 UI를 결합하는 방법을 알아봅니다.
    • 기존 UI에서의 Compose: 앱 UI에서 Compose와 Compose가 아닌 부분 간에 뷰 기반 UI 요소를 공유하는 방법을 알아봅니다.
  • Compose 및 기타 라이브러리: Compose 콘텐츠에서 뷰 기반 라이브러리를 사용하는 방법을 알아봅니다.
  • Compose 아키텍처: Compose에서 단방향 데이터 흐름 패턴을 구현하는 방법, 이벤트 및 상태 홀더를 구현하는 방법, Compose에서 ViewModel을 사용하는 방법을 알아보세요.
  • 탐색: NavController를 사용하여 탐색 구성요소를 Compose UI와 통합하는 방법을 알아보세요.
  • 리소스: Compose 코드에서 앱의 리소스를 사용하는 방법을 알아보세요.
  • 접근성: 서로 다른 접근성 요구사항을 가진 사용자에게 적합한 Compose UI를 만드는 방법을 알아보세요.
  • 테스트: Compose 코드 테스트에 관해 알아보세요.

추가 리소스