Compose Multiplatform과 Jetpack Compose
Compose Multiplatform은 JetBrains에서 개발한 크로스 플랫폼 UI 툴킷입니다. Google의 Jetpack Compose Android용 툴킷을 확장하여 추가 대상 플랫폼을 지원합니다.
Compose Multiplatform은 공통 Kotlin 코드에서 Compose API를 사용할 수 있도록 하여, Android, iOS, 데스크톱, 웹에서 실행할 수 있는 공유 Compose UI 코드를 작성할 수 있게 합니다.
| Compose Multiplatform | Jetpack Compose | |
|---|---|---|
| 플랫폼 | Android, iOS, 데스크톱, 웹 | Android |
| 지원 주체 | JetBrains |
Jetpack Compose와 컴포저블
Jetpack Compose는 네이티브 Android 인터페이스를 구축하기 위한 선언형 UI 툴킷입니다. 그 기반은 @Composable 애너테이션으로 표시된 컴포저블 함수입니다. 이 함수들은 UI의 각 부분을 정의하고, 기본 데이터가 변경될 때 자동으로 업데이트됩니다. 컴포저블을 결합하여 레이아웃을 구축하고, 사용자 입력을 처리하며, 상태를 관리하고, 애니메이션을 적용할 수 있습니다. Jetpack Compose에는 Text, Button, Row, Column과 같은 일반적인 UI 컴포넌트가 포함되어 있으며, 수식어(Modifier)를 사용하여 이들을 사용자 지정할 수 있습니다.
Compose Multiplatform은 동일한 원칙을 기반으로 구축되었습니다. Jetpack Compose와 Compose 컴파일러 및 런타임을 공유하며, @Composable 함수, remember와 같은 상태 관리 도구, 레이아웃 컴포넌트, 수식어, 애니메이션 지원 등 동일한 API를 사용합니다. 이는 Jetpack Compose 지식을 Compose Multiplatform과 함께 재사용하여 Android, iOS, 데스크톱, 웹을 위한 크로스 플랫폼 UI를 구축할 수 있음을 의미합니다.
Compose Multiplatform과 Jetpack Compose 기능
두 UI 프레임워크의 기본 개념은 Google의 공식 문서를 포함하여 거의 모든 Jetpack Compose 자료에서 배울 수 있습니다.
당연히 Compose Multiplatform에는 플랫폼별 기능 및 고려 사항이 있습니다.
- Android 전용 컴포넌트 페이지는 Android 플랫폼에 밀접하게 연결되어 있어 공통 Compose Multiplatform 코드에서는 사용할 수 없는 API를 나열합니다.
- 데스크톱용 창 처리 API 또는 iOS용 UIKit 호환성 API와 같은 일부 플랫폼별 API는 해당 플랫폼에서만 사용할 수 있습니다.
다음은 인기 있는 컴포넌트 및 API의 가용성 개요입니다.
| Compose Multiplatform | Jetpack Compose | |
|---|---|---|
| Compose Animation | 예 | 예 |
| Compose Compiler | 예 | 예 |
| Compose Foundation | 예 | 예 |
| Compose Material | 예 | 예 |
| Compose Material 3 | 예 | 예 |
| Compose Runtime | 예, 단 androidx.compose.runtime.rxjava2 및 androidx.compose.runtime.rxjava3 제외 | 예 |
| Compose UI | 예 | 예 |
| Jetpack Lifecycle | 예 | 예 |
| Jetpack ViewModel | 예 | 예 |
| Jetpack Navigation Compose | 예 | 예 |
| 리소스 | Res 클래스를 사용하는 Compose Multiplatform 리소스 라이브러리 | R 클래스를 사용하는 Android 리소스 시스템 |
| Maps Compose | 아니요 | 예 |
| 서드파티 라이브러리 (UI 컴포넌트, 내비게이션, 아키텍처 등) | Compose Multiplatform 라이브러리 | Jetpack Compose 및 Compose Multiplatform 라이브러리 |
기술 세부 정보
Compose Multiplatform은 Google이 게시한 코드 및 릴리스를 기반으로 구축되었습니다. Google의 주요 초점은 Android용 Jetpack Compose이지만, Compose Multiplatform을 가능하게 하기 위해 Google과 JetBrains 간에 긴밀한 협력이 이루어지고 있습니다.
Jetpack에는 Google이 Android용으로 게시하는 Foundation 및 Material과 같은 퍼스트 파티 라이브러리가 포함됩니다. 이러한 라이브러리에서 제공하는 API를 공통 코드에서 사용할 수 있도록 하기 위해, JetBrains는 Android 외의 다른 타겟을 위해 게시되는 이러한 라이브러리의 멀티플랫폼 버전을 유지 관리합니다.
호환성 및 버전 페이지에서 릴리스 주기에 대해 자세히 알아보세요.
Compose Multiplatform 애플리케이션을 Android용으로 빌드할 때, Google이 게시한 Jetpack Compose 아티팩트를 사용합니다. 예를 들어, compose.material3를 의존성에 추가하면, 프로젝트는 Android 타겟에서는 androidx.compose.material3:material3를 사용하고, 다른 타겟에서는 org.jetbrains.compose.material3:material3를 사용합니다. 이는 멀티플랫폼 아티팩트의 Gradle Module Metadata를 기반으로 자동으로 수행됩니다.
Compose Multiplatform용 라이브러리
Compose Multiplatform을 사용하면 Compose API를 사용하는 라이브러리를 Kotlin Multiplatform 라이브러리로 게시할 수 있습니다. 이를 통해 여러 플랫폼을 타겟팅하는 공통 Kotlin 코드에서 사용할 수 있습니다.
따라서 Compose API로 새 라이브러리를 구축하는 경우, Compose Multiplatform을 사용하여 멀티플랫폼 라이브러리로 구축하는 것을 고려해 보세요. 이미 Android용 Jetpack Compose 라이브러리를 구축했다면, 해당 라이브러리를 멀티플랫폼으로 만드는 것을 고려해 보세요. 이미 생태계에는 많은 Compose Multiplatform 라이브러리가 있습니다.
라이브러리가 Compose Multiplatform으로 게시되면, Jetpack Compose만 사용하는 앱도 원활하게 해당 라이브러리를 사용할 수 있습니다. 단순히 해당 라이브러리의 Android 아티팩트를 사용하면 됩니다.
다음 단계
다음 컴포넌트에 대한 Compose Multiplatform 구현에 대해 더 읽어보세요.