ATLAS / DESIGN REFERENCE

전체 문서 색인 / 웹 렌더링·성능·상태

요소 크기 관찰자

ResizeObserver · atlas35-resizeobserver

관찰 대상 요소의 콘텐츠·테두리 박스 등 크기 변화를 전달하는 API입니다.

직접 조작하기

언제 사용하나요?

요소 너비 변경 · 콜백의 실제 측정값 확인

주의사항과 구분

콜백에서 같은 요소 크기를 반복 변경하면 루프가 생길 수 있습니다. 예제는 측정과 출력 대상을 분리합니다.

구현·분류

웹·CSS / 웹 렌더링·성능·상태 / HTML · CSS · JavaScript

출처와 확인 범위

https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver

공식 API·접근성 패턴 문서 · 공식 본문 확인 · 자체 제작 학습용 예제 · 2026-10-29

확인 범위와 상태는 기존 사전 기록을 표시합니다. 이 문서의 게시가 라이브러리 최신 버전·라이선스·실서비스 동작을 새로 검증했다는 의미는 아닙니다.

관련 레퍼런스