CSS Flexbox에서 flex-direction: column을 설정하면 어떻게 되나요?

해설

flex-direction은 플렉스 컨테이너 내 아이템의 정렬 방향(주축)을 결정합니다. row(기본값)는 가로, column은 세로, row-reverse와 column-reverse는 각각 역방향입니다. column 설정 시 justify-content는 세로 방향, align-items는 가로 방향에 적용됩니다.