웹에서 Intersection Observer API의 주된 용도로 올바른 것은?

어려움 MDN Web Docs

보기 및 정답

A 대상 요소가 뷰포트나 특정 컨테이너에 진입/이탈하는 것을 비동기적으로 감지하여 레이지 로딩이나 무한 스크롤을 구현한다

B 두 개의 DOM 요소가 화면에서 물리적으로 겹치는지(overlap) 여부를 실시간으로 검사하여 충돌을 감지한다

C CSS 애니메이션이 실행되는 과정에서 두 개 이상의 요소가 교차하는 시점(intersection)의 좌표를 정밀 계산한다

D 마우스 포인터의 현재 좌표와 특정 DOM 요소의 영역이 교차하는지 여부를 감지하여 호버 이벤트를 대체한다

해설

Intersection Observer API는 대상 요소가 뷰포트 또는 지정된 루트 요소와 교차(visible 영역에 진입/이탈)하는지를 비동기적으로 관찰합니다. 스크롤 이벤트 리스너보다 성능이 좋아 이미지 레이지 로딩, 무한 스크롤, 광고 노출 측정 등에 활용됩니다.

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

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

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

웹에서 Intersection Observer API의 주된 용도로 올바른 것은?

해설

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

관련 문제

모두를 위한 진짜 쎈 바이브코딩