컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
check_circle
시작 튜토리얼
Compose의 기본사항과 선언적 함수를 사용하여 간단한 UI 구성요소를 빌드하는 방법을 알아봅니다. 구성 가능한 함수, 기본 레이아웃을 알아보고 Compose에서 Material Design, 목록, 애니메이션이 작동하는 방식을 이해합니다.
check_circle
Compose 이해
ondemand_video
동영상
Compose를 이해하고 '방법'이 아닌 '무엇'에 집중하는 방법을 알아보세요.
check_circle
구성 가능한 함수
ondemand_video
동영상
Compose의 기본 요소인 구성 가능한 함수를 알아보세요.
check_circle
첫 번째 Compose 앱 만들기
emoji_objects
Codelab
상태, 레이아웃, 테마 설정을 사용하여 선언적 UI의 기본사항을 직접 사용해보고 관련 내용을 학습합니다. 이를 통해 컴포저블과 수정자가 무엇인지 알아보고, 행 및 열과 같은 기본 UI 요소를 사용하는 방법과 앱에 상태를 지정하는 방법을 알 수 있습니다.
check_circle
Compose UI 도구 키트
ondemand_video
동영상
Material Design 구성요소, 레이아웃, 수정자 등 Compose 도구 키트의 일부인 컴포저블 세트에 관해 알아보세요.
check_circle
실제 디자인 구현
emoji_objects
Codelab
이 Codelab에서는 Compose에서 즉시 제공되는 컴포저블과 수정자를 통해 실제 디자인을 구현하는 방법을 알아봅니다.
check_circle
상태 시작하기
emoji_objects
Codelab
앱의 상태에 따라 UI에 표시되는 항목이 결정되는 방식, 상태가 변경될 때 Compose에서 UI를 업데이트하는 방식, 구성 가능한 함수의 구조를 최적화하는 방법, Compose 앱에서 ViewModel을 사용하는 방법을 알아봅니다.
check_circle
도구를 사용하여 가속화
ondemand_video
동영상
Android 스튜디오에서 Compose 전용 도구를 사용하여 개발을 가속화하는 방법을 알아보세요.
check_circle
뷰 시스템에서 이전
ondemand_video
동영상
선택사항
뷰로 빌드된 기존 앱이 있나요? 점진적 이전 방법을 알아보세요.
check_circle
이전 실습
emoji_objects
Codelab
선택사항
뷰 기반 앱을 Jetpack Compose로 이전하는 실제적인 과정을 통해 Compose를 점진적으로 활용하는 방법을 이해하고 아키텍처와 테스트에 미치는 영향을 살펴보세요.
퀴즈
학습한 내용을 테스트하고 Compose 기본사항 배지를 획득하세요.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],[]]