Flex는 레이아웃 배치 전용 기능으로 고안되었다. 그래서 레이아웃을 만들 때 훨씬 강력하고 편리한 기능들이 많다. flex는 부모 요소에서 display: flex; 를 적용하는게 시작이다. display: flex;: 가로방향으로 자식요소의 너비만큼 차지 display: block;: 세로방향으로 줄바꿈이 들어가 자식요소들이 한줄씩 차지 display: inline-flex;display: inline-block;: inline이 추가되면 자식요소들 크기만큼만 차지 flex-direction: row;: 자식요소를 가로 방향으로 배치 flex-direction: row-reverse;: 자식요소를 역순으로 가로 방향으로 배치 flex-direction: column;:자식요소를 세로 방향으로 배..