다양한 화면 크기에 맞게 조정

이 과정에서는 다양한 화면 크기에 맞게 앱을 조정하고 더 나은 사용자 환경을 제공하는 방법과 적응형 UI를 테스트하는 방법을 알아봅니다.

 

적응형 레이아웃

동영상 선택사항

개발자 과정 3에 오신 것을 환영합니다. 앞에서는 여러 화면으로 앱을 빌드하는 방법을 배웠습니다. 이 과정에서는 이러한 각 화면을 다양한 화면 크기에 맞게 조정하는 방법을 알아봅니다.

Reply 앱 소개

동영상 선택사항

이 과정에서는 다양한 크기의 화면에서 다양한 레이아웃이 작동하는 방식을 보여주는 Reply 앱을 빌드합니다.

동적 탐색으로 적응형 앱 빌드

Codelab

적응형 탐색 UI 패턴을 사용하여 대형 화면에서 앱이 잘 작동하도록 하는 방법을 알아봅니다.

적응형 레이아웃으로 앱 빌드

Codelab

표준 레이아웃 패턴 중 하나를 구현하여 대형 화면에 맞게 앱을 조정하는 방법을 알아봅니다.

연습: Sports 앱 빌드

Codelab

목록 세부정보 레이아웃을 구현하여 다양한 유형의 기기에서 더 나은 사용자 환경을 제공하는 방법과 이를 테스트하는 방법을 연습합니다.

프로젝트: My City 앱 만들기

Codelab

거주 도시의 방문할 만한 추천 장소를 표시하는 앱을 만듭니다.

다음 단계

동영상 선택사항

단원 4를 완료했습니다. 이 단원에서는 활동 수명 주기, 앱 아키텍처, 탐색 구성요소, 적응형 레이아웃과 같은 여러 중요한 주제를 학습했습니다. 이 지식을 활용해 다양한 기기와 화면 크기에서 더 나은 사용자 환경을 제공하는 더 강력하고 테스트 가능한 앱을 빌드할 수 있습니다.

퀴즈

이해도를 테스트하고 적응형 레이아웃 배지를 획득하세요.