오늘은 CSS 관련한 다양한 속성들을 배웠는데,
실무에서 가장 많이쓰고 활용도가 높은 Flexbox에 초점을 맞춰 정리해보려고 한다.
이론적인 부분을 기록해봤자 잘 와닿지 않고 금방 까먹을 것 같아,
claude ai를 사용해 Flexbox를 쉽게 테스트할 수 있는 playground를 만들었다.
ai의 힘이 놀라울 뿐이다...
Flexbox의 핵심 개념
Flexbox는 1차원 레이아웃 시스템이다. 한 번에 한 방향(가로 또는 세로)으로만 레이아웃을 제어한다.
나머지는 직접 만져보면서 확인해보자!
'Learning Log' 카테고리의 다른 글
| [멋사 클라우드 5기] Day 19 - Object.assign과 structuredClone에 대하여 (0) | 2026.02.24 |
|---|---|
| [멋사 클라우드 5기] Day 18 - JavaScript 호이스팅 (0) | 2026.02.15 |
| [멋사 클라우드 5기] Day 16 - 브라우저의 동작 원리: 주소창에서 화면 렌더링까지 (0) | 2026.02.12 |
| [멋사 클라우드 5기] Day 15 - MVC & JDBC 구조 톺아보기 (0) | 2026.02.11 |
| [멋사 클라우드 5기] Day 14 - Modeling, JDBC 이해하기 (1) | 2026.02.09 |