2 컴포넌트로 앱 화면 디자인하기
디자이너 화면에서 앱의 화면 구성과 기능을 위해 필요한 컴포넌트들을 스크린에 배치해 보겠습니다. 이번 장에서는 만보기의 기능을 테스트해 볼만한 수준으로 간단하게 만든 후, 다음 장에서 앱의 디자인과 기능을 발전시켜 좀 더 완성도 있는 만보기 앱을 만들어 보겠습니다.
만보기 앱 화면의 기본 형태는 다음 그림과 같습니다.

디자이너 화면에서 앱의 화면 구성과 기능을 위해 필요한 컴포넌트들을 스크린에 배치해 보겠습니다. 이번 장에서는 만보기의 기능을 테스트해 볼만한 수준으로 간단하게 만든 후, 다음 장에서 앱의 디자인과 기능을 발전시켜 좀 더 완성도 있는 만보기 앱을 만들어 보겠습니다.
만보기 앱 화면의 기본 형태는 다음 그림과 같습니다.