학습 주제
페이지 레이아웃
웹 앱 화면 설계하기
새롭게 배운 내용
2022.06.28 - [Etc/HTML & CSS] - 페이지 레이아웃
페이지 레이아웃
웹 사이트 성격과 목적에 맞게 HTML 구조 만들기 Flexbox 레이아웃: 화면을 나누는 방법 📏 수직 분할, 수평 분할 CSS로 화면 구분 시 수직 분할과 수평 분할을 차례로 적용하여 콘텐츠 흐름에 따라
cookiee.tistory.com
2022.06.28 - [Etc/HTML & CSS] - 웹 앱 화면 설계하기
웹 앱 화면 설계하기
와이어프레임 설계 HTML로 웹 앱 구조 잡기 id와 class의 이해 와이어프레임 설계 및 목업 구현 🕸️ 와이어프레임(Wireframe) 레이아웃의 뼈대를 그리는 단계로, 가장 큰 목적은 화면의 영역을 구분
cookiee.tistory.com
보강할 내용
1. Flexbox 속성들 복습하기
2. 학습 내용에는 없었던 FLEXBOX FROGGY에서 본 속성들 공부하기
3. 레이아웃 영역에 대해 고민해 보기
회고
레이아웃의 Flexbox라는 것을 공부했다. Flexbox는 말 그대로 유연한 박스를 말한다. 목적에 맞게 영역을 나누어 정렬하거나 공간을 세부적으로 조정할 수 있다. Flexbox에는 크게 부모에게 적용하는 속성과 자식에게 적용하는 속성이 있다. 쉬운 것 같으면서도 막상 적용하려고 하면 곰곰히 생각해야 해서 이번에 공부하고 손을 놔 버리면 나중에 볼 때 또 헷갈릴 것 같다. 자기 전까지 또 보고 계속 봐야겠다.
★★★★☆
'Etc > BootCamp : TIL' 카테고리의 다른 글
| [Day 8] Linux (0) | 2022.06.30 |
|---|---|
| [Day 7] HTML, CSS Ⅲ (0) | 2022.06.29 |
| [Day 5] HTML, CSS (0) | 2022.06.27 |
| [Day 2] Development (0) | 2022.06.24 |
| [Day 1] 학습 방향 (0) | 2022.06.23 |
댓글