생각 작업실 The atelier of thinking

앞서 display, float를 이용한 레이아웃과 그리드 레이아웃에 대해서 알아봤습니다. 이번회차에는 Flexbox를 이용하여 웹페이지 레이아웃을 작성해보겠습니다. Flexbox는 요소 간의 공간 배분 및 정렬을 효과적으로 다룰 수 있는 강력한 레이아웃 모델을 제공합니다 아이템들 사이에 공간 배분과 정렬 기능 제공합니다. 그리드 레이아웃은 2차원 레이아웃 모델인 것에 반에 Flexbox는 1차원 레이아웃 모델입니다. 아이템들 배치를 행 또는 열로 배치하게 됩니다. Flexbox 레이아웃은 플렉스 컨테이너와 플렉스 아이템으로 구성됩니다. Flex Container (플렉스 컨테이너)는 Flexbox 레이아웃이 적용되는 부모 요소를 말합니다. display: flex;로 설정합니다. Flex Items (..