Jetpack Compose 소개

Jetpack Compose 는 Google에서 최근 출시한 최신 UI 도구 키트로 기본 Android UI를 빌드하는 데 사용됩니다. 더 적은 코드, Kotlin API 및 강력한 도구로 UI 개발을 간소화하고 가속화합니다.

Jetpack Compose는 선언적 프레임워크 라고 하는 다른 사용자 인터페이스를 만들고 이 트랜잭션을 네이티브로 만들 수 있는 기회를 제공합니다.

Flutter 및 React Native로 작성된 코드가 사용자 인터페이스를 만들고 이제 Jetpack Compose로 이 모든 작업을 수행할 수 있음을 알 수 있습니다.

참고 : Jetpack Compose 는 2021년 3월에 출시되었습니다 . 최소 sdk 21 에서 작동 하는 Compose 를 사용 하려면 Android Studio Artic Fox 가 필요합니다 .

Jetpack Compose를 사용해야 하는 이유는 무엇인가요?

• 선언적: 일부 사전 정의된 함수를 호출하여 UI 구성 요소를 설명할 수 있도록 완전히 선언적입니다.
• 호환 가능: Android에 있는 기존 보기와 쉽게 호환됩니다.
• 개발 속도 향상: 이전에는 개발자가 XML 파일과 Kotlin 파일로 작업해야 했습니다. 하지만 jetpack Compose 덕분에 이 작업이 쉬워지고 개발자는 Kotlin 파일로 작업하기만 하면 되므로 개발자가 개발 속도를 높이는 데 도움이 됩니다.
• 간결하고 관용적인 Kotlin: Jetpack Compose는 Kotlin이 제공하는 이점을 활용하여 UI를 구축했습니다.
• 쉬운 유지 관리: 모든 애플리케이션의 코드베이스가 단일 파일에 존재하기 때문입니다. 애플리케이션의 코드베이스를 관리하고 다루기가 쉬워집니다.
• Kotlin으로 작성: jetpack Compose를 사용하여 작성된 애플리케이션은 Kotlin 프로그래밍 언어를 100% 사용합니다.

Compose와 함께 제공되는 새로운 기능을 사용하면 에뮬레이터 없이 출력을 볼 수 있습니다.

새로운 Empty Compose Activity를 선택하여 프로젝트를 생성하고 Jetpack Compose의 기본 구조를 살펴봅니다.

Empty Compose Activity를 선택하면 아래와 같이 MainActivity 클래스가 나타납니다.

가장 먼저 Main Activity가 AppCompatActivity가 아닌 ComponentActivity 에서 상속되었음을 알 수 있습니다.

Jetpack Compose를 사용하여 Gradle로 검토하면 아래와 같이 필드가 추가된 것을 볼 수 있습니다.

프로젝트를 EmptyActivity로 여는 경우 아래와 같이 종속성을 추가해야 합니다.

런타임에 빌드하지 않고 디자인을 볼 수 있다고 했습니다.

분할 보기 를 선택하면 작성한 Kotlin 코드의 미리보기를 볼 수 있습니다.

@Preview 주석: 코드에 매개변수를 수동으로 추가하여 Android Studio가 미리보기 주석을 렌더링하는 방식을 맞춤설정할 수 있습니다.

동시에 모든 화면이나 항목을 보고 싶을 때 주석 아래에 항목을 추가할 수 있습니다.

구성 가능한 함수는 Compose로 구축된 애플리케이션의 기본 빌딩 블록입니다.
컴포저블 을 함수 또는 람다에 적용하여 함수/람다를 컴포지션의 일부로 사용하여 애플리케이션 데이터에서 트리 또는 계층으로의 변환을 설명할 수 있음을 나타낼 수 있습니다.

아래 코드는 xml에 있는 TextView 객체를 Composable로 만듭니다.

텍스트 클래스는 너무 많은 매개변수를 가져오는 구성 가능한 클래스입니다.

정상적인 활동을 시작하면 setContentView 내부에 하나의 레이아웃을 제공 하지만 지금은 작성을 위해 setContent 를 사용 합니다.

setContent 클래스에서 아래와 같이 작성된 구성 가능한 매개변수를 원한다는 것을 알 수 있습니다.

인사말은 작성입니다. 앱이 열릴 때 setContent 내부에 작성을 줄 수 있습니다.

지금 이 기사에서 어떤 간단한 기능을 배웠습니까?

• 구성 가능한 함수: 구성 가능한 함수는 함수 이름에 @Composable 주석을 사용하여 코드로 표현됩니다. 이 함수를 사용하면 UI 구성 프로세스에 초점을 맞추지 않고 앱의 모양과 데이터 종속성을 설명하여 프로그래밍 방식으로 앱의 UI를 정의할 수 있습니다.
• 미리보기 함수: 함수 자체의 이름은 함수가 구성 가능한 함수의 미리보기를 생성하는 데 사용됨을 알려줍니다. 에뮬레이터나 가상 기기에 APK를 설치하는 대신 IDE 내에서 구성 가능한 기능의 미리보기를 표시하는 데 사용됩니다.

iOS 의 SwitfUI 에 관심이 있다면 Pınar Koçak 의 기사를 확인하는 것이 좋습니다.

자원