[UMC] Android 2주차 워크북 (Layout)

2022. 10. 1. 18:36·🍞 대외활동 & 부트캠프/IT연합동아리 UMC

📌 학습 목표 

- 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 중 불편했던 부분이나, 수정해보고 싶은 부분을 자유롭게 수정해보기

(예: 버튼 위치, 색상 등…)

저작자표시 (새창열림)

'🍞 대외활동 & 부트캠프 > IT연합동아리 UMC' 카테고리의 다른 글

[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
'🍞 대외활동 & 부트캠프/IT연합동아리 UMC' 카테고리의 다른 글
  • [UMC] Android 2주차 워크북 (Layout) - 인스타그램
  • [UMC] Android 2주차 워크북 (Layout) - 당근마켓
  • [UMC] Android 1주차 워크북 (OT & Platform)
  • [UMC] 가톨릭대 3기 최종 합격 후기 (1차 서류, 2차 면접)
박빵이
박빵이
2025년에도 갓생살기
  • 박빵이
    기억보다 기록
    박빵이
  • 전체
    오늘
    어제
    • 분류 전체보기 (337)
      • 🍞 FrontEnd (97)
        • HTML+CSS (4)
        • JavaScript (17)
        • TypeScript (4)
        • React (52)
        • Next.js (2)
        • Android (15)
      • 🍞 BackEnd (24)
        • Java (15)
        • Node.js (6)
        • Spring (1)
      • 🍞 Cloud & Infra (0)
        • AWS SAA (0)
        • Microsoft Azure (0)
      • 🍞 Algorithm (147)
        • C++ (4)
        • Baekjoon (41)
        • Programmers (97)
      • 🍞 Computer Science (18)
        • 운영체제 (1)
        • 데이터 통신 (6)
        • 네트워크 (6)
        • 데이터베이스 (1)
      • 🍞 대외활동 & 부트캠프 (42)
        • 삼성 청년 SW 아카데미 (1)
        • LG유플러스 유레카 (0)
        • 한국대학생IT경영학회 (1)
        • IT연합동아리 UMC (17)
        • 길벗 블로깅 멘토 (18)
        • IT연합동아리 피로그래밍 (3)
        • 개발 컨퍼런스 (2)
  • 블로그 메뉴

    • Admin
  • 링크

    • GitHub
  • 인기 글

  • 태그

    umc
    Java
    JavaScript
    map
    코딩자율학습
    프로그래머스
    Front
    level1
    안드로이드
    알고리즘
    길벗 블로깅 멘토
    백준
    react
    위상정렬
    길벗 블로깅 멘토링
    Android
    코틀린
    C++
    유니온파인드
    level2
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
박빵이
[UMC] Android 2주차 워크북 (Layout)
상단으로

티스토리툴바