IntersectionObserver1 Intersetion Observer API 타겟 요소와 상위 요소( or document viewport ) 사이의 intersection 내의 변화를 비동기적으로 관찰하는 방법. 요소의 가시성, 두 요소의 상대적인 가시성을 탐지하는 일 필요성 - 페이지 스크롤할 때, 컨텐츠를 지연로딩으로 불러오게 하기 위해 - 페이지를 스크롤할 때, 더 많은 컨텐츠 로드 및 렌더링 ( 페이지네이션 ) - 광고 수익 계산 - 사용자에게 보일 때만 발생하는 작업들 page scroll은 모든 요소가 메인 스레드에서 실행되기 때문에 성능 문제 발생 가능성 농후 IO API - 감시 요소가 다른 요소에 들어가거나 나갈 때, 겹치는 부분이 변경될 때 콜백 함수가 실행된다. - 사이트는 요소 교차를 지켜보기 위해 메인 스레드 사용할 필요 X. 비동기로 실행. 메소드 In.. 2021. 3. 1. 이전 1 다음