flex-direction
flexbox 레이아웃에서 flex아이템들이 배치되는 주축(main axis)의 방향을 설정하는 속성입니다.
row
기본적인 flex container의 주축이 가로방향입니다. 가로로 왼쪽에서 오른쪽으로 배치됩니다.
row-reverse
main-axis는 가로 방향이지만, flex 아이템은 오른쪽에서 왼쪽으로 배치됩니다.
column
main-axis를 세로 방향으로 바꿉니다. flex 아이템은 위에서 아래로 배치됩니다.
column-reverse
세로 방향으로 아래에서 위로 배치됩니다.
