📌 학습 목표
- Layout의 종류와 차이점 및 특징을 설명할 수 있다.
- 앱 화면을 보고 어떤 Layout, View를 사용해야 할지 알 수 있다.
- Layout과 View의 다양한 속성들을 이해한다.
❗ Material Design 가이드라인 읽어보기
아래의 과제 수행시 Material Design 가이드라인대로 구현할 수 있도록 노력하기
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
material.io
📝 Standard Mission
자신이 자주 사용하는 앱 하나의 화면을 알고 있는 Layout과 View를 이용하여 3개 이상 똑같이 따라해보기
아이콘 크기, 아이콘 사이의 간격, 텍스트 크기 등도 다 고려해서 만들어보기 (일명 비율코딩)
주의! 최대한 “유사하게”만 진행하면 됨 (아직 안배운 기술까지는 사용하지 않아도 됨)
- Material icon 사용하는 법!
drawable 폴더를 우클릭하여 New의 Vector Asset에 들어가서
원하는 아이콘을 선택한 후 Finish를 선택하면 된다.
그럼 drawable에 xml 파일이 생성된 것을 볼 수 있다.
1️⃣ 당근 마켓
[UMC] Android 2주차 워크북 (Layout) - 당근마켓
📌 구상 과정 앱 화면을 보고 어떤 레이아웃과 뷰를 사용해야 할지 구상하기 첫 번째로 생각한 앱 화면은 당근 마켓이다! 빨간색은 ImageView를 사용하는 것이고 파란색은 TextView를 사용하는 것이
uiop5809.tistory.com
2️⃣ 인스타그램
[UMC] Android 2주차 워크북 (Layout) - 인스타그램
📌 구상 과정 두 번째로 생각한 앱 화면은 인스타그램이다! 빨간색 ImageView, 파란색 TextView 📌 직접 구현하기 📌 Layout 설명 Header - Constraint Layout 안에 Linear Layout 중첩, Linear Layout Body - G..
uiop5809.tistory.com
3️⃣ 유튜브
[UMC] Android 2주차 워크북 (Layout) - 유튜브
📌 구상 과정 세 번째로 생각한 앱 화면은 유튜브다! 빨간색 ImageView, 파란색 TextView 📌 직접 구현하기 📌 Layout 설명 Header - Constraint Layout 안에 Linear Layout 중첩, Body - Image View와 Cons..
uiop5809.tistory.com
📝 Challenge Mission
위에서 만들었던 Layout 중 불편했던 부분이나, 수정해보고 싶은 부분을 자유롭게 수정해보기
(예: 버튼 위치, 색상 등…)
'🍞 대외활동 > Univ Makeus Challenge' 카테고리의 다른 글
[UMC] Android 2주차 워크북 (Layout) - 유튜브 (0) | 2022.10.02 |
---|---|
[UMC] Android 2주차 워크북 (Layout) - 인스타그램 (0) | 2022.10.02 |
[UMC] Android 2주차 워크북 (Layout) - 당근마켓 (0) | 2022.10.01 |
[UMC] Android 1주차 워크북 (OT & Platform) (0) | 2022.09.24 |
[UMC] 가톨릭대 3기 최종 합격 후기 (1차 서류, 2차 면접) (0) | 2022.09.12 |