웹에는 Layout 이라는 구성 요소가 존재한다.
Layout 을 구성하는 가장 많이 쓰이는 요소인 Flex 와 Grid 가 가장 많이 사용되는데,
오늘 알아 볼것은 간단히 Flex라고 부르는 이 녀석은 사실 Flexible Box 의 줄임말로 유연한 느낌이 드는 이미지다.
Flex 는 CSS3 에 나온 레이아웃 방식으로, 장점은 복잡한 계산 없이 요소의 크기와 순서를 유연하게 배치할 수 있다'라고 할 수 있다. 정렬, 방향, 순서, 크기 등을 유연하게 조절할 수 있기 때문에 별도의 분기 처리를 줄일 수 있고, CSS만으로 다양한 레이아웃을 구현할 수 있다.
'HTML, CSS' 카테고리의 다른 글
| [HTML] 시맨틱 마크업( Semantic Markup ) 이란 무엇인가 (0) | 2023.01.06 |
|---|---|
| [CSS] CSS in JS 의 장단점 (0) | 2023.01.06 |
| [CSS] display 속성에 대해 (0) | 2023.01.06 |
| [CSS] Margin 과 Padding 의 차이점 (0) | 2023.01.06 |
| [CSS] Position 속성 (0) | 2023.01.06 |