Build better apps faster with Jetpack Compose

Tutorial: Jetpack Compose basics

Jetpack Compose 코드랩에 참여하는 방법과 수료조건, 일정 등에 대해 안내합니다.

Compose의 기본 사항 및 선언형으로 간단한 UI 구성요소를 작성하는 방법에 대해 알아봅니다. Compose의 선언형 구조, 기본 레이아웃, 머터리얼 디자인, 리스트 및 애니메이션의 작동 방식을 이해합니다.

Compose 아티클 읽으러가기 👉

영상 최초 공개일 : 11월 1일 오후 2시

Jetpack Compose basic

State, 레이아웃 및 테마 관련 작업을 통해 선언형 UI의 기본 원리를 직접 체험해 보세요. Composable과 modifier가 무엇인지, Row 및 Column과 같은 기본 UI 요소를 사용하는 방법, 앱에 State를 적용하는 방법을 볼 수 있습니다.

코드랩 바로가기👉

영상 최초 공개일 : 11월 1일 오후 2시

Layouts in Jetpack Compose

Built-in layouts, modifiers, Material components, ConstraintLayout, intrinsics 및 사용자 정의 레이아웃을 작성하는 방법을 포함하여 Jetpack Compose에서 레이아웃이 작동하는 방법에 대해 알아봅니다.

코드랩 바로가기👉

영상 최초 공개일 : 11월 8일

Using state in Jetpack Compose

To-do 앱을 만들어보며 선언형 프로그래밍에서 state를 사용하기 위한 패턴을 이해합니다. 단방향 데이터 흐름, stateless와 stateful composable , slot API, Compose에서 ViewModel를 사용하는 방법 등에 대해 알아 보세요!

코드랩 바로가기👉

영상 최초 공개일 : 11월 8일

Jetpack Compose theming

Compose에서 머터리얼 디자인을 이용해 앱의 색상, 타이포그래피 및 shape을 테마화하고 라이트/다크 테마를 지원하는 방법을 이해해보세요

코드랩 바로가기👉

영상 최초 공개일 : 11월 15일

Jetpack Compose Animation

애니메이션 API를 사용하는 방법에 대해 알아봅니다.. 가장 간단한 애니메이션(value animation)부터 시작해서 몇 가지 일반적인 애니메이션 패턴을 알아봅니다.. 또한 애니메이션 커스터마이징 및 터치 제스처가 포함된 애니메이션과 같은 고급 주제에 대해서도 소개합니다.

코드랩 바로가기👉

영상 최초 공개일 : 11월 15일

Jetpack Compose Navigation

Compose에서 Jetpact Navigation 라이브러리를 사용하여 navigate하는 방법을 알아봅니다. 그리고 arguments를 통한 navigate와 deep-links 지원방법, 그리고 navigation을 테스트하는 방법도 알아봅니다.

코드랩 바로가기👉

영상 최초 공개일 : 11월 15일

Testing in Jetpack Compose

Jetpack Compose UI 테스트에 대해 알아봅니다. 첫 번째 테스트를 작성하고 단독 테스트, 디버깅 테스트, 시맨틱 트리 및 테스트 동기화에 대해 알아봅니다.

영상 최초 공개일 : 11월 22일

Migrating to Jetpack Compose

View 기반 애플리케이션을 Jetpack Compose로 실제 마이그레이션하는 과정을 통해 Compose를 점진적으로 도입하는 방법을 이해하고 아키텍처 및 테스트에 미치는 영향에 대해 소개합니다.

영상 최초 공개일 : 11월 22일