두 단어를 모두 들어본 사람인지, _축 개념과 사용 목적(정렬 vs 영역 배치)_ 관점으로 선택을 설명하는 사람인지를 가른다.
Flexbox는 하나의 축(가로 또는 세로)을 따라 정렬·간격·정렬 기준을 잡는 1차원 레이아웃 시스템이다. Grid는 행과 열을 동시에 제어해 영역을 잡고 그 위에 자식을 배치하는 2차원 시스템이다. 컴포넌트 내부 정렬(버튼 그룹, 카드 안 정렬)은 Flexbox가 간결하고, 페이지/섹션 영역 배치(사이드바-콘텐츠-푸터, 카드 그리드)는 Grid가 구조적으로 유리하다. 둘은 대체 관계가 아니라 _계층별로 함께 쓰는 조합_이 일반적이다.
Flexbox로 만든 카드 그리드를 Grid로 옮기면서 코드가 절반으로 줄어든 경험이 있다면 그 케이스가 그대로 답변 후크가 된다
페이지 레이아웃은 Grid, 카드 내부는 Flexbox로 계층을 나눠본 경험이 있다면 "계층별 결합" 이야기로 자연스럽게 이어진다
반응형 깨짐을 grid-template-areas로 정리한 적이 있다면 도구 선택 기준을 보여줄 수 있다
아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.