Etc/BootCamp : TIL
[Day 6] HTML, CSS Ⅱ
달의 조각
2022. 6. 28. 08:38
학습 주제
페이지 레이아웃
웹 앱 화면 설계하기
새롭게 배운 내용
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에는 크게 부모에게 적용하는 속성과 자식에게 적용하는 속성이 있다. 쉬운 것 같으면서도 막상 적용하려고 하면 곰곰히 생각해야 해서 이번에 공부하고 손을 놔 버리면 나중에 볼 때 또 헷갈릴 것 같다. 자기 전까지 또 보고 계속 봐야겠다.