Modern CSS에서 Flexbox를 제대로 이해하기

― float 해킹부터 flex 실무 패턴까지 프론트엔드 면접이나 실무에서 이런 질문을 자주 듣습니다. “Flexbox 기본 방향은 뭐죠?” “flex: 1은 정확히 무슨 뜻인가요?” “flex-shrink는 0이랑 1만 쓰는 건가요?” “flex-basis: auto랑 100%는 같은가요?” 이 글은 Flexbox를 ‘계산 공식’이 아니라 ‘실무 도구’로 이해하기 위한 정리입니다.특히 Modern CSS 관점에서 Flex를 어떻게 ...