CSS flex-direction 자식요소 배치 순서 정하기
태그 블록 요소는 세로로 쌓이는 속성을 가지고 있습니다. 크기를 가지고 있기 때문이죠. 불과 얼마전까지만해도 flex를 사용할 수 없었던 시절에는 블록 요소를 가로로 정렬하기 위해 float 이라는 스타일 속성을 사용했었습니다. 물론 지금도 이 속성을 이용하고 있는 편입니다. 그렇지만 반드시 뒤따라오는 요소에서 clear:both; 를 해줘야만 하는 불편함이 있습니다. 또한 float은 가로 정렬에 대해서만 정의합니다. 만약 세로로 배치된 요소를 서로 반전시키려면 HTML의 태그 순서를 바꾸거나 transform으로 180도 돌리는 방법을 구사해야만 할 것입니다. 이제 이런 불편함을 한방에 해결하는 flex-direction 사용 방법을 알아봅시다. flex-direction 여느때와 마찬가지로 예시를 ..