컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
check_circle
적응형 레이아웃
keyboard_arrow_down
keyboard_arrow_up
ondemand_video
동영상
선택사항
개발자 과정 3에 오신 것을 환영합니다. 앞에서는 여러 화면으로 앱을 빌드하는 방법을 배웠습니다. 이 과정에서는 이러한 각 화면을 다양한 화면 크기에 맞게 조정하는 방법을 알아봅니다.
건너뛰기
check_circle
Reply 앱 소개
keyboard_arrow_down
keyboard_arrow_up
ondemand_video
동영상
선택사항
이 과정에서는 다양한 크기의 화면에서 다양한 레이아웃이 작동하는 방식을 보여주는 Reply 앱을 빌드합니다.
건너뛰기
check_circle
동적 탐색으로 적응형 앱 빌드
keyboard_arrow_down
keyboard_arrow_up
emoji_objects
Codelab
적응형 탐색 UI 패턴을 사용하여 대형 화면에서 앱이 잘 작동하도록 하는 방법을 알아봅니다.
check_circle
적응형 레이아웃으로 앱 빌드
keyboard_arrow_down
keyboard_arrow_up
emoji_objects
Codelab
표준 레이아웃 패턴 중 하나를 구현하여 대형 화면에 맞게 앱을 조정하는 방법을 알아봅니다.
check_circle
연습: Sports 앱 빌드
keyboard_arrow_down
keyboard_arrow_up
emoji_objects
Codelab
목록 세부정보 레이아웃을 구현하여 다양한 유형의 기기에서 더 나은 사용자 환경을 제공하는 방법과 이를 테스트하는 방법을 연습합니다.
check_circle
프로젝트: My City 앱 만들기
keyboard_arrow_down
keyboard_arrow_up
emoji_objects
Codelab
거주 도시의 방문할 만한 추천 장소를 표시하는 앱을 만듭니다.
check_circle
다음 단계
keyboard_arrow_down
keyboard_arrow_up
ondemand_video
동영상
선택사항
단원 4를 완료했습니다. 이 단원에서는 활동 수명 주기, 앱 아키텍처, 탐색 구성요소, 적응형 레이아웃과 같은 여러 중요한 주제를 학습했습니다. 이 지식을 활용해 다양한 기기와 화면 크기에서 더 나은 사용자 환경을 제공하는 더 강력하고 테스트 가능한 앱을 빌드할 수 있습니다.
건너뛰기
퀴즈
이해도를 테스트하고 적응형 레이아웃 배지를 획득하세요.
[{
"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":"기타"
}]
{
"confidential": False
}