Jetpack Compose 시작하기

Jetpack Compose는 Android UI를 빌드하기 위한 최신 툴킷으로, 모든 디스플레이 크기에 적응하는 앱의 개발을 간소화합니다.

  • 개요: Compose 개발자에게 제공되는 리소스를 확인하세요.
  • 튜토리얼: 기본 UI를 빌드하면서 Compose 사용을 시작해 보세요.
  • 빠른 가이드: 목표를 최대한 빨리 달성할 수 있도록 설계된 빠르고 집중적인 가이드를 사용해 보세요.

기초

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

적응형 UI

  • 적응형 앱 빌드: 휴대전화, 태블릿, 폴더블 등 모든 디스플레이 크기에 최적화된 레이아웃을 만드는 핵심 원칙을 알아봅니다.
  • 검증된 레이아웃 적용: 대형 화면에서 최적화된 앱에 목록-세부정보 및 지원 창과 같은 표준 레이아웃을 사용합니다.
  • 적응형 탐색: 사용 가능한 디스플레이 공간에 맞게 자동으로 조정되는 탐색 패턴을 구현합니다.

개발 환경

디자인

  • 레이아웃: Compose 레이아웃 구성요소 및 자체 디자인 방법
  • 디자인 시스템: 디자인 시스템을 구현하고 앱의 디자인과 분위기를 일관되게 유지합니다.
  • 목록 및 그리드: 데이터 목록 및 그리드를 관리하고 표시하기 위한 Compose 옵션입니다.
  • 텍스트: 텍스트를 표시하고 수정하기 위한 Compose의 기본 옵션입니다.
  • 그래픽: 맞춤 그래픽을 만들고 사용하기 위한 Compose 기능입니다.
  • 애니메이션: UI 요소를 애니메이션 처리하기 위한 Compose 옵션입니다.
  • 동작: 사용자 동작을 감지하고 사용자 동작과 상호작용하는 Compose UI를 빌드합니다.
  • 사용자 상호작용 처리: 구성요소가 사용자 작업에 응답하는 방식을 맞춤설정할 수 있도록 Compose가 하위 수준 입력을 상위 수준 상호작용으로 추상화하는 방법

Compose 채택

  • 뷰 기반 앱 이전: 뷰 기반 앱을 Compose로 이전합니다.
    • 이전 전략: Compose를 점진적으로 안전하게 코드베이스에 도입하는 방법
    • 상호 운용성 API: Compose와 뷰 기반 UI를 결합하는 데 도움이 되는 Compose API입니다.
    • 기타 고려사항: 뷰 기반 앱을 Compose로 이전할 때 테마 설정, 아키텍처, 테스트 등의 고려사항
  • Compose 및 기타 라이브러리: Compose 콘텐츠에서 뷰 기반 라이브러리를 사용하는 방법
  • Compose 아키텍처: Compose에서 단방향 데이터 흐름 패턴을 구현하고, 이벤트 및 상태 홀더를 구현하고, Compose에서 ViewModel을 사용합니다.
  • 탐색: NavController를 사용하여 탐색 구성요소를 Compose UI와 통합합니다.
  • 리소스: Compose 코드에서 앱의 리소스를 사용합니다.
  • 접근성: 접근성 요구사항이 있는 사용자를 수용합니다.
  • 테스트: Compose 코드를 테스트합니다.
    • 테스트 요약본: 유용한 Compose 테스트 API를 빠르게 확인할 수 있습니다.

추가 리소스