React Hook

useElementSize

ResizeObserver 기반으로 요소의 콘텐츠 박스 크기를 실시간 추적합니다. 오른쪽 모서리를 드래그해서 너비를 줄여 보세요 ─ 그리드 컬럼이 컨테이너 폭에 맞춰 변합니다.

container0 × 0 pxcols: 1

Step

Discover

사용자·도메인 파악

Step

Design

구조·상태 흐름 설계

Step

Build

AI와 함께 구현

Step

Polish

디테일·접근성 마감

Step

Ship

배포·모니터링

Step

Iterate

데이터 기반 반복

0–360px

1 col

360–560px

2 cols

560–800px

3 cols

800–∞px

4 cols