Intersection Observer

• 기본적으로 브라우저 뷰포트(Viewport)와 설정한 요소의 교차점을 관찰하며, 요소가 뷰포트에 포함되는지, 포함되지 않는지 구별하는 기능을 제공한다.
• 옵저버가 콜백을 비동기적으로 실행해주기 때문에, scroll 같은 이벤트 기반으로 요소를 관찰했을 때 발생할 수 있는 성능적인 문제를 최적화할 때 사용할 수 있다.

References #

• Intersection Observer - 요소의 가시성 관찰 | HEROPY
• 카카오웹툰은 하드웨어 가속과 IntersectionObserver를 어떻게 사용했을까? | 카카오엔터테인먼트 FE 기술블로그 (kakaoent.com)