목표: Flexbox의 주축/교차축 개념을 정확히 이해하고, 정렬·간격·랩·성장/축소를 자유자재로 다뤄 실무 UI를 빠르게 구성합니다.목차 1. Flex 기본 개념(컨테이너 vs 아이템) 2. 축과 방향: flex-direction 3. 주축 정렬: justify-content 4. 교차축 정렬: align-items / align-content 5. 줄바꿈과 간격: flex-wrap / gap 6. 아이템 크기: flex-basis / grow / shrink (flex) 7. 순서와 개별 정렬: order / align-self 8. 실무 패턴 6가지 9. 흔한 함정 & 디버깅 팁 10. 연습문제1) Flex 기본 개념Flex 컨테이너: display: flex 또는 inline-flex를 적용한 요..