Jetpack Compose 시작하기

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

  • 개요: Compose 개발자가 사용할 수 있는 모든 리소스를 확인합니다.
  • 튜토리얼: Compose를 사용하여 간단한 UI를 빌드하여 Compose를 시작해 보세요.
  • 빠른 가이드: New! 목표에 최대한 빨리 도달할 수 있도록 설계된 빠르고 집중적인 가이드를 사용해 보세요.

기초

  • Compose 이해: Compose의 선언적 접근 방식이 과거에 사용했을 수 있는 뷰 기반 접근 방식과 어떻게 다른지와 Compose 사용을 위한 멘탈 모델을 빌드하는 방법을 알아보세요.
  • 상태 관리: Compose 앱에서 상태를 설정하고 사용하는 방법을 알아보세요.
  • 컴포저블의 수명 주기: 컴포저블의 수명 주기와 Compose에서 컴포저블을 다시 그려야 하는지 판단하는 방법을 알아보세요.
  • 수정자: 수정자를 사용하여 컴포저블을 강화하거나 장식하는 방법을 알아보세요.
  • Compose의 부작용: 부작용을 관리하는 가장 좋은 방법을 알아보세요.
  • Jetpack Compose 단계: Compose가 UI를 렌더링하기 위해 거치는 단계와 이 정보를 사용하여 효율적인 코드를 작성하는 방법을 알아보세요.
  • 아키텍처 레이어링: Jetpack Compose를 구성하는 아키텍처 레이어와 이 디자인의 기반이 된 핵심 원칙에 관해 알아보세요.
  • 성능: 앱 성능을 저하할 수 있는 일반적인 프로그래밍 실수를 피하는 방법을 알아보세요.
  • Compose의 시맨틱: 접근성 서비스 및 테스트 프레임워크에서 사용할 수 있는 방식으로 UI를 구성하는 시맨틱 트리에 관해 알아보세요.
  • CompositionLocal을 사용한 로컬 범위 지정 데이터: CompositionLocal를 사용하여 컴포지션을 통해 데이터를 전달하는 방법을 알아보세요.

개발 환경

디자인

  • 레이아웃: Compose의 네이티브 레이아웃 구성요소 및 자체 디자인 방법에 관해 알아보세요.
    • 레이아웃 기본사항: 간단한 앱 UI의 기본 구성요소를 알아보세요.
    • Material 구성요소 및 레이아웃: Compose의 Material 구성요소 및 레이아웃에 관해 알아보세요.
    • 맞춤 레이아웃: 앱 레이아웃을 관리하는 방법과 나만의 맞춤 레이아웃을 디자인하는 방법을 알아보세요.
    • 다양한 화면 크기 지원: Compose를 사용하여 다양한 화면 크기, 방향, 폼 팩터에 맞게 조정되는 레이아웃을 빌드하는 방법을 알아보세요.
    • 정렬 선: 맞춤 정렬 선을 만들어 UI 요소를 정확하게 정렬하고 배치하는 방법을 알아보세요.
    • 내장 기능 측정: Compose는 패스당 한 번만 UI 요소를 측정할 수 있도록 허용하므로 이 페이지에서는 측정 전에 하위 요소에 관한 정보를 쿼리하는 방법을 설명합니다.
    • ConstraintLayout: Compose UI에서 ConstraintLayout를 사용하는 방법을 알아보세요.
  • 디자인 시스템: 디자인 시스템을 구현하고 앱에 일관된 디자인과 분위기를 부여하는 방법을 알아봅니다.
    • Material Design 3: Compose의 Material Design 3 구현을 사용하여 Material You를 구현하는 방법을 알아보세요.
    • Material 2에서 Material 3으로 이전: Compose에서 앱을 Material Design 2에서 Material Design 3으로 이전하는 방법을 알아보세요.
    • Material Design 2: Compose의 Material Design 2 구현을 제품 브랜드에 맞게 맞춤설정하는 방법을 알아보세요.
    • 맞춤 디자인 시스템: Compose에서 맞춤 디자인 시스템을 구현하는 방법과 이를 처리하기 위해 기존 Material Design 컴포저블을 조정하는 방법을 알아보세요.
    • 테마 분석: MaterialTheme 및 맞춤 디자인 시스템에서 사용하는 하위 수준 구성과 API에 관해 알아보세요.
  • 목록 및 그리드: 데이터 목록과 그리드를 관리하고 표시하는 Compose 옵션에 관해 알아보세요.
  • 텍스트: 텍스트를 표시하고 수정하기 위한 Compose의 기본 옵션에 관해 알아봅니다.
  • 그래픽: 맞춤 그래픽을 빌드하고 사용하기 위한 Compose의 기능을 알아봅니다.
  • 애니메이션: UI 요소에 애니메이션을 적용하는 Compose의 다양한 옵션에 관해 알아봅니다.
  • 동작: 사용자 동작을 감지하고 사용자 동작과 상호작용하는 Compose UI를 빌드하는 방법을 알아보세요.
  • 사용자 상호작용 처리: Compose가 하위 수준 입력을 상위 수준 상호작용으로 추상화하는 방법을 알아보세요. 따라서 구성요소가 사용자 작업에 응답하는 방식을 맞춤설정할 수 있습니다.

Compose 채택

  • 기존 뷰 기반 앱 이전: 기존 뷰 기반 앱을 Compose로 이전하는 방법을 알아보세요.
    • 이전 전략: Compose를 점진적으로 안전하게 코드베이스에 도입하는 전략을 알아봅니다.
    • 상호 운용성 API: Compose의 API를 사용하여 Compose와 뷰 기반 UI를 결합하는 방법을 알아봅니다.
    • 기타 고려사항: 뷰 기반 앱을 Compose로 이전하는 동안 테마 설정, 아키텍처, 테스트와 같은 기타 고려사항을 알아봅니다.
  • Compose 및 기타 라이브러리: Compose 콘텐츠에서 뷰 기반 라이브러리를 사용하는 방법을 알아보세요.
  • Compose 아키텍처: Compose에서 단방향 흐름 패턴을 구현하는 방법, 이벤트 및 상태 홀더를 구현하는 방법, Compose에서 ViewModel를 사용하는 방법을 알아보세요.
  • Navigation: NavController를 사용하여 Navigation 구성요소를 Compose UI와 통합하는 방법을 알아보세요.
    • 반응형 UI 탐색: 다양한 화면 크기, 방향, 폼 팩터에 맞게 조정되도록 앱의 탐색을 디자인하는 방법을 알아보세요.
  • 리소스: Compose 코드에서 앱의 리소스를 사용하는 방법을 알아보세요.
  • 접근성: 다양한 접근성 요구사항이 있는 사용자에게 적합한 Compose UI를 만드는 방법을 알아보세요.
  • 테스트: Compose 코드 테스트에 관해 알아보세요.
    • 테스트 요약본: 유용한 Compose 테스트 API를 빠르게 확인할 수 있습니다.

추가 리소스