플렉스 박스 레이아웃으로 1차원 레이아웃 설계하기1차원 방식(가로 or 세로 중 한 방향으로 설계하는 방식)으로 효과적으로 레이아웃을 설계할 수 있도록 고안된 스타일 속성플렉스 박스 레이아웃은 크게 플렉스 컨테이너와 플렉스 아이템으로 구성됩니다. 구성 요소주축(main axis) : 플렉스 박스의 진행 방향과 수평한 축교차축(cross axis) : 주축과 수직한 축플렉스 컨테이너(flex container) : display 속성값으로 flex난 inline-flex가 적용된 요소플렉스 아이템(flex item) : 플렉스 컨테이너와 자식 관계를 이루는 태그 구성 요소relative와 absolute의 역할:부모에 relative:부모 요소에 position: relative를 적용하면 자신의 위치를 ..