Jetpack Compose는 Android 앱 개발을 가속화하고, 개발자의 생산성을 높이고, 일반적인 버그를 없애고, 직관적인 앱 디자인을 가능하게 하는 선언형 UI 도구 키트입니다.

Google 직원을 포함한 많은 개발자가 선호하므로, Android는 Jetpack Compose의 지속적인 개발에 투자하고 있습니다. Play 스토어를 비롯하여 여러 Google팀에서 Jetpack Compose를 사용하고 있습니다.

시작하는 방법

도구 채택을 위한 권장사항은 팀과 함께 학습하고 이러한 학습 노력을 주도할 챔피언을 지정하는 것입니다. 이 사람은 주제 전문가의 역할을 하며 다른 팀원의 전문성을 높이는 데 도움을 줍니다. 시작하기 위한 기타 리소스는 다음과 같습니다.
가이드
Compose는 Kotlin의 훌륭한 언어 이점을 많이 활용합니다. Compose를 사용하기 전에 Kotlin으로 이전하는 것이 좋습니다.
가이드
업계는 일반적인 버그를 없애고 애니메이션 추가를 단순화하는 Jetpack Compose와 같은 선언적 UI 프레임워크로 전환했습니다.
학습 과정
중급 및 고급 주제를 다루는 심층 과정을 통해 함께 학습을 시작하고 학습 여정을 통해 지식을 공유하세요.
가이드
Compose 구성요소는 Material Design(또는 자체 맞춤 디자인 시스템)을 준수하고 Compose는 테마를 지원합니다.
Compose는 Android의 뷰 시스템과 완전히 상호 운용할 수 있으므로 Compose의 이점을 누리기 위해 앱을 완전히 다시 작성할 필요가 없습니다. 따라서 기존 리소스를 활용할 수 있으며 유연한 방법으로 기존 앱에 Compose를 추가할 수 있습니다. 고려해야 할 일반적인 세 가지 접근 방식이 있습니다.
가장 일반적인 접근 방식은 Compose에서 새 기능을 작성하여 시작하는 것입니다. 이 접근 방식은 유연성이 매우 높습니다. Compose를 사용하여 버튼과 같은 개별 UI 부분까지 완전히 새로운 화면을 완료할 수 있기 때문입니다. Twitter는 커뮤니티 기능에 이러한 접근 방식을 취했습니다.
Twitter의 Compose 스토리 보기
앱에서 더 간단한 몇 가지 화면을 이전의 출발점으로 활용하면 Compose의 이점을 손쉽게 활용할 수 있습니다. 이는 Monzo가 Compose를 시작할 때 채택한 접근 방식입니다.
Monzo의 Compose 스토리 보기
앱의 주요 UI 재설계를 이미 계획하고 있다면 Compose에서 전체 UI 업데이트를 수행하는 것이 좋습니다. 일반적으로 팀은 Compose에서 UI 구성요소를 빌드한 후 이러한 구성요소에서 화면을 만듭니다. Mercari팀은 이러한 접근 방식을 취했습니다.
Mercari의 Compose 스토리 보기

주력 기능

Compose는 선형 애니메이션과 트윈 애니메이션, 맞춤 키프레임이 있는 애니메이션뿐만 아니라 동적 스프링 애니메이션도 지원합니다.
Compose 애니메이션 살펴보기
컴포저블을 사용하면 작업 시 크기, 언어, 밝은 모드, 어두운 모드와 같은 속성을 설정하고 검토할 수 있습니다.
미리보기에 관해 알아보기
실시간 편집을 사용하면 컴포저블의 변경사항을 에뮬레이터나 기기에서 즉시 볼 수 있습니다. 앱을 다시 빌드할 필요가 없습니다.
실시간 편집에 관해 알아보기
Compose는 함수로 UI를 정의하므로 화면에서 동일한 API를 사용하여 버튼을 테스트할 수 있습니다. 앱을 자신 있게 업데이트하고 테스트를 통해 기능이 여전히 작동하는지 확인합니다.
Compose에서 테스트