*Flexbox Layout
은 W3C의 후보 권장 사항으로, 컨테이너 내 항목을 더 효율적으로 배치, 정렬 및 공간 배분하는 방법을 제공합니다. 이 레이아웃의 핵심 아이디어는 컨테이너가 가능한 최선의 방법으로 항목의 너비/높이(및 순서)를 조정하여 사용 가능한 공간을 가장 잘 채우도록 하는 것입니다.*
Flexbox는 컨테이너가 항목을 넓혀 사용 가능한 여유 공간을 채우거나, 오버플로우를 방지하기 위해 항목의 크기를 줄이는 등의 기능을 제공합니다.
가장 중요한 것은 Flexbox Layout
이 Default Layout
(block은 수직 기반, inline은 수평 기반)과는 달리 방향에 구애받지 않는다는 것입니다. Default Layout
은 페이지에는 잘 작동하지만, 방향 변경, 크기 조정, 늘이기, 줄이기 등의 복잡한 애플리케이션을 지원하기에는 유연성이 떨어집니다.
<aside>
💡 *Flexbox Layout
애플리케이션의 구성 요소와 작은 규모의 레이아웃에 가장 적합.
Grid Layout
대규모 레이아웃을 위해 설계되었습니다.*
</aside>