Intersection Observer API(비동기적으로 변화를 감지하는 API)
Intersection Observer API 이란?
Intersection Observer API는 타겟 요소와 상위 요소 또는 최상위 document 의 viewport 사이의 intersection 내의 변화를 비동기적으로 관찰하는 방법
intersection의 필요성
- 스크롤 시에, 더 많은 컨텐츠가 로드 및 렌더링되어 사용자가 페이지를 이동하지 않아도 되게 하는 무한 스크롤을 구현할 때
- 페이지가 스크롤 되는 도중에 발생하는 이미지나 다른 컨텐츠의 지연 로딩 개선이 필요할 때.
- 광고 수익을 계산하기 위한 용도로 광고의 가시성을 보고 해야 할 때.
- 사용자에게 결과가 표시되는 여부에 따라 작업이나 애니메이션을 수행할 지 여부를 결정해야 할 때.
