Breakpoint는 화면 폭이 아니라 컴포넌트 계약을 바꾼다

같은 정보가 폭에 따라 어떤 순서와 밀도로 재배치되는지 명시한다.

≥ 1024px

Desktop

sidebar + main 2열, 보조 정보 동시 노출

768–1023px

Tablet

main 우선, 보조 패널은 축소하거나 다음 행

< 768px

Mobile

한 열, 핵심 행동 먼저, 긴 표는 카드로 전환

공통

정보 보존

DOM 의미와 작업 순서는 모든 폭에서 동일

핵심단순히 열 수만 줄이지 말고 읽기 순서·행동 우선순위·숨겨도 되는 장식을 계약으로 정한다.