Jetpack Compose 소개

필요한 것

• 최신 Android 스튜디오 Arctic Fox
• 코틀린 지식
• 컴포즈에에 대한 기본적인 이해(예: @Composable 애노테이션)
• 이 코드랩 이전에 Jetpack Compose basics 코드랩을 먼저 보는 것을 고려하자.

Compose와 함께 네비게이팅

Navigation은 특정 경로를 따라 앱 내의 한 대상에서 다른 대상으로 네비게이팅(= 탐색 or 이동) 할 수 있게 해주는 Jetpack 라이브러리다. Navigation 라이브러리는 또한 Jetpack 컴포즈로 구축된 화면 내에서 일관되고, 관용적인 네비게이션을 가능하게 하는 특정 아티팩트를 제공한다. 이 아티팩트( navigation-compose)는 이 코드랩에서 주안점으로 두고 있는 부분이다.

당신이 할 일

Rally Material Study를 이 코드랩의 베이스로 사용할 것이다. 기존 네비게이션 코드를 마이그레이션하여, Jetpack 네비게이션 컴포넌트를 사용하고, Jetpack 컴포즈의 화면 간을 네비게이션한다.

Note: Rally는 머티리얼 디자인 컴포넌트와 머티리얼 테마를 사용하여, 데이터 기반의 심미학으로 브랜드 경험을 생성하는 개인 금융 앱이다.

배울 내용

• Jetpack Compose와 함께 Jetpack Navigation 사용의 기본 사항
• 컴포저블 간 네비게이팅
• 필수 및 선택적 인자와 함께 네비게이팅
• 딥 링크를 사용하여 네비게이팅
• 네비게이션 계층 구조에 TabBar 통합
• 네비게이션 테스트

Jetpack Compose 설정

당신의 컴퓨터에서 이 코드랩을 따라갈 수 있다. 직접 따라하려면 코드랩의 시작점을 클론하자.

$ git clone https://github.com/googlecodelabs/android-compose-codelabs.git

git 커맨드 대신 두개의 압축 파일을 다운로드 받을 수도 있다.

• Starting point
• Solution

코드를 다운로드했으므로 Android Studio에서 NavigationCodelab 프로젝트를 열자. 이제 시작할 준비가 되었다.

컴포즈 코드랩 저장소는 코드랩 과정을 따라가기 위한 스타터 코드를 포함한다.

이 코드랩에서 NavigationCodelab 프로젝트를 사용하자.

– NavigationCodelab : 이 코드랩을 위한 시작 및 완성 코드가 포함 된 프로젝트

이 프로젝트에는 여러 브랜치가 존재한다.

– main : 이 프로젝트를 위한 스타터 코드, 코드랩을 완성시키기 위해 당신이 변경할 것이다.

– end : 이 코드랩에 대한 솔루션을 포함한다.

후원하기