Jetpack Compose Academy

Name: Jetpack Compose Academy
Availability: InStock

KOTLINMobileAndroidFrontend

Jetpack Compose로 현대적인 Android UI를 구축하세요. Google의 Kotlin 선언형 툴킷입니다. 첫 번째 Composable부터 Google Play 배포까지.

🤖 AI 기반📚 30개 코스👥 100,000명 이상의 학습자⭐ 4.9 평점

코스 개요

Jetpack Compose: Build Android Apps

Jetpack Compose로 현대적인 Android UI를 구축하세요. Google의 Kotlin 선언형 툴킷입니다. 이 트랙은 초급(A1)부터 고급(B2)까지 30개의 단계별 미니 코스로 구성되어 있으며, 짧고 집중력 있는 수업과 빠른 퀴즈로 각 개념을 확실히 합니다.

What You Will Learn

첫 번째 Composable, 레이아웃, state부터 시작하여 리스트, 네비게이션, Material 3 theming을 구축합니다. ViewModels, coroutines과 Flow, Room, Hilt, 커스텀 레이아웃, recomposition 성능, testing, Google Play 배포로 나아갑니다. 모든 수업은 실용적이며, 막힐 때 도움을 줄 24/7 AI tutor가 준비되어 있습니다.

How It Works

각 코스는 집중력 있는 4개의 짧은 수업으로 구성됩니다. 하루에 몇 개의 수업을 완료하면 몇 개월이 아닌 몇 주 안에 전체 트랙을 마스터할 수 있습니다.

학습 시작 →

도구

코스 도구 탐색

AI 기반 도구와 기능으로 학습을 강화하세요

학습 방식

🎯

인터랙티브 레슨

실시간 피드백을 받으며 직접 코딩 연습하기

🤖

AI 튜터

막힐 때마다 AI 튜터에게 즉시 도움받기

💻

내장 에디터

브라우저에서 바로 코드 작성 & 실행하기

🏆

수료증

과정을 완료하면 수료증 취득하기

커리큘럼

30개 코스

Jetpack Compose Academy 학습 경로의 모든 코스.

Jetpack Compose 시작하기

A14개 레슨

Compose를 위한 Android Studio를 설정하고 첫 선언형 UI를 실행합니다.

첫 Composable

A14개 레슨PRO

화면에 실제 콘텐츠를 그리는 Composable을 작성하고 미리 봅니다.

텍스트 및 타이포그래피

A14개 레슨PRO

글꼴, 색상, 강조 효과로 텍스트를 표시하고 스타일을 지정합니다.

이미지 및 아이콘

A14개 레슨PRO

로컬 드로어블, 벡터 아이콘, 도형화된 이미지를 표시합니다.

버튼 및 클릭 처리

A14개 레슨PRO

탭에 반응하는 대화형 버튼을 추가합니다.

Column, Row 및 Box로 레이아웃 구성

A24개 레슨PRO

Composable을 세로, 가로, 여러 겹으로 배치합니다.

수정자: 모든 Composable 구성하기

A24개 레슨PRO

수정자 체인을 사용하여 모든 요소의 크기, 패딩, 장식을 지정합니다.

상태 기초: UI를 반응형으로 만들기

A24개 레슨PRO

상태를 보관하고 변경하여 UI가 자동으로 업데이트되도록 합니다.

양식 및 텍스트 입력

A24개 레슨PRO

텍스트 필드로 사용자 입력을 받고 검증합니다.

프로필 카드 앱 만들기

A24개 레슨PRO

레이아웃, 이미지, 텍스트, 상태를 결합하여 완성된 화면을 만듭니다.

LazyColumn을 활용한 목록

B14개 레슨PRO

지연 구성을 사용하여 길고 스크롤 가능한 목록을 효율적으로 표시합니다.

그리드 및 가로 목록

B14개 레슨PRO

그리드와 좌우로 밀 수 있는 가로 행에 콘텐츠를 배치합니다.

Material 3 테마 설정

B14개 레슨PRO

앱 전체에 일관된 Material You 테마를 적용합니다.

Scaffold 및 앱 구조

B14개 레슨PRO

Scaffold를 사용하여 상단 바, 하단 바, FAB로 화면의 틀을 구성합니다.

상태 끌어올리기 및 재사용 가능한 구성 요소

B14개 레슨PRO

상태를 적절한 소유자에게 끌어올려 상태가 없는 Composable을 설계합니다.

ViewModel 및 UI 상태

B14개 레슨PRO

비즈니스 로직을 ViewModel로 옮기고 변경할 수 없는 UI 상태를 노출합니다.

Navigation Compose

B14개 레슨PRO

Navigation Compose 그래프로 화면 사이를 이동합니다.

하단 탐색 및 탭

B14개 레슨PRO

하단 탐색 바와 탭 행으로 여러 섹션을 포함한 앱을 만듭니다.

Compose의 부수 효과

B14개 레슨PRO

Compose의 효과 처리기를 사용하여 UI와 무관한 작업을 안전하게 실행합니다.

Retrofit을 활용한 네트워킹

B14개 레슨PRO

REST API에서 JSON을 가져와 Compose UI에 표시합니다.

Layout을 활용한 사용자 지정 레이아웃

B24개 레슨PRO

하위 요소를 직접 측정하고 배치하여 맞춤형 레이아웃을 만듭니다.

Canvas로 그리기

B24개 레슨PRO

Compose Canvas에 사용자 지정 그래픽, 차트, 도형을 표시합니다.

애니메이션 및 모션

B24개 레슨PRO

상태와 제스처로 구동되는 움직임을 추가하여 화면에 생동감을 불어넣습니다.

제스처 및 터치 입력

B24개 레슨PRO

포인터 API로 탭, 드래그, 밀기, 멀티 터치를 처리합니다.

성능 및 재구성

B24개 레슨PRO

Compose를 프로파일링하고 조정하여 불필요한 재구성을 제거합니다.

Compose의 Flow 및 코루틴

B24개 레슨PRO

Kotlin Flow와 StateFlow로 반응형 데이터를 UI에 스트리밍합니다.

Room을 활용한 로컬 영속성

B24개 레슨PRO

Room과 Flow로 데이터를 로컬에 저장하고 관찰합니다.

Hilt를 활용한 의존성 주입

B24개 레슨PRO

Hilt로 ViewModel과 화면에 의존성을 연결합니다.

Compose UI 테스트

B24개 레슨PRO

Compose 화면을 위한 안정적인 단위 테스트와 UI 테스트를 작성합니다.

Play Store에 출시하기

B24개 레슨PRO

Compose 앱을 다듬고 패키징하여 프로덕션에 사용할 수 있는 상태로 출시합니다.

자주 묻는 질문

Jetpack Compose Academy 강의는 무료인가요?

네, Jetpack Compose Academy 강의를 무료로 시작하고 인터랙티브 레슨을 모두 무료로 완료할 수 있습니다. 선택적 PRO 구독을 통해 고급 AI 도구와 공유 가능한 수료증을 잠금 해제할 수 있습니다.

KOTLIN을(를) 배우기 위해 사전 경험이 필요한가요?

아니요. 강의는 기초부터 시작하여 점차 더 심화된 주제로 나아가므로 KOTLIN 경험이 없어도 시작할 수 있습니다.

CoddyKit에서 KOTLIN은(는) 어떻게 배우나요?

직접 해보면서 배웁니다. 짧은 인터랙티브 레슨은 명확한 설명과 실시간으로 실행되는 실습 코딩 연습을 함께 제공하며, 24시간 AI 튜터가 막힐 때마다 맞춤형 도움을 줍니다.

Jetpack Compose Academy을(를) 완료하면 수료증을 받나요?

네, PRO 학습자는 시험을 응시하고 Jetpack Compose Academy 강의의 검증 코드가 포함된 공유 가능한 수료증을 취득할 수 있습니다.

휴대폰에서 KOTLIN을(를) 배울 수 있나요?

네, CoddyKit은 웹과 iOS, Android 네이티브 앱으로 이용 가능하므로 어느 기기에서나 KOTLIN을(를) 배우고 진행 상황이 모든 기기에서 동기화됩니다.

Jetpack Compose Academy을(를) 지금 시작하기

AI 기반 강의로 프로그래밍을 배우는 수천 명의 학습자들과 함께하세요.

무료로 시작하기 →모든 강의 보기