Jetpack Compose 시작하기

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

  • 개요: Compose 개발자에게 제공되는 모든 리소스를 확인하세요.
  • 튜토리얼: 간단한 UI를 빌드하면서 Compose 사용을 시작해 보세요.

기초

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

개발 환경

디자인

  • 레이아웃: 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에서 단방향 데이터 흐름 패턴을 구현하는 방법, 이벤트 및 상태 홀더를 구현하는 방법, ViewModel을 사용하는 방법을 알아보세요.
  • Navigation: NavController를 사용하여 Navigation 구성요소를 Compose UI와 통합하는 방법을 알아보세요.
    • 반응형 UI용 Navigation: 다양한 화면 크기와 방향, 폼 팩터에 맞게 조정되도록 앱의 탐색을 디자인하는 방법을 알아보세요.
  • 리소스: Compose 코드에서 앱의 리소스를 사용하는 방법을 알아보세요.
  • 접근성: 서로 다른 접근성 요구사항을 가진 사용자에게 적합한 Compose UI를 만드는 방법을 알아보세요.
  • 테스트: Compose 코드 테스트에 관해 알아보세요.
    • 테스트 요약본: 유용한 Compose 테스트 API를 빠르게 확인할 수 있습니다.

추가 리소스