처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / JavaScript / 문제

JavaScript ResizeObserver의 역할은?

보통 MDN Web Docs
보기 및 정답
A 요소의 크기(너비, 높이) 변경을 감지하여 콜백을 실행한다
B 브라우저 창 전체의 크기 변경만 감지하며 개별 요소는 불가하다
C 이미지의 해상도를 자동으로 조절하여 반응형 레이아웃을 지원한다
D 요소의 화면 내 절대 위치 이동을 감지하여 콜백을 실행한다

해설

ResizeObserver는 특정 DOM 요소의 콘텐츠 박스나 보더 박스 크기 변경을 관찰합니다. window.onresize와 달리 개별 요소 단위로 감지할 수 있어, 컴포넌트가 컨테이너 크기에 반응하는 로직을 구현할 때 유용합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기