앱에 Compose 채택

Jetpack Compose는 기존의 뷰 기반 UI 접근 방식과 함께 작동하도록 설계되었습니다. 새 앱을 빌드하는 경우 가장 좋은 옵션은 Compose를 사용하여 UI 전체를 구현하는 것일 수 있습니다. 하지만 기존 앱을 수정하는 경우에는 앱을 한꺼번에 전부 이전하고 싶지 않을 수 있습니다. 이 경우에는 대신 기존의 UI 디자인 구현에 Compose를 결합할 수 있습니다.

Compose를 뷰 기반 UI와 통합할 수 있는 두 가지 주요 방법은 다음과 같습니다.

  • 완전히 새로운 Compose 기반 화면을 생성하거나 기존 활동, 프래그먼트 또는 뷰 레이아웃에 Compose 요소를 추가하여 기존 UI에 Compose 요소를 추가할 수 있습니다.

  • 구성 가능한 함수에 뷰 기반 UI 요소를 추가할 수 있습니다. 이렇게 하면 Compose 기반 디자인에 Android 뷰를 추가할 수 있습니다.

전체 앱을 Compose로 이전하는 작업은 프로젝트에 필요한 세부사항을 통해 단계별로 진행하는 것이 가장 좋습니다. 한 번에 한 화면씩 이전하거나, 프래그먼트 또는 다른 재사용 가능한 UI 요소를 한 번에 하나씩 이전할 수도 있습니다. 다음과 같이 여러 가지 접근 방법을 사용할 수 있습니다.

  • 상향식 접근 방법에서는 모든 요소가 구성 가능한 함수로 변환될 때까지 Button 또는 TextView 같은 화면의 작은 UI 요소부터 이전한 다음 ViewGroup 요소를 이전합니다.

  • 하향식 접근 방법에서는 FrameLayout, ConstraintLayout 또는 RecyclerView 같은 프래그먼트 또는 뷰 컨테이너부터 이전한 다음 화면의 작은 UI 요소를 이전합니다.

이러한 접근 방법에서는 각 화면이 내장되어 있다고 가정하지만, 디자인 시스템과 같은 공유된 UI도 Jetpack Compose로 이전할 수 있습니다. 자세한 내용은 기존 UI와 Compose 통합을 참고하세요.

다음 페이지에서는 기존 앱과 Compose를 통합하는 방법을 자세히 설명합니다.

  • 상호 운용성 API: Compose의 API를 사용하여 Combine과 뷰 기반 UI를 결합하는 방법을 알아봅니다.
  • 기존 아키텍처에서의 Compose: 앱에서 Compose를 채택할 때 뷰와 Compose 기반 UI를 결합하는 방법을 알아봅니다.
  • 기존 UI에서의 Compose: 앱 UI에서 Compose와 Compose가 아닌 부분 간에 뷰 기반 UI 요소를 공유하는 방법을 알아봅니다.