intersectionObserver1 Intersection Observer API Intersection Observer API addEventListener가 중복해서 쌓이고 복잡한 로직이 섞여 있으면 성능 이슈가 일어납니다. Intersection Observer API는 타겟의 변화를 관찰하며 들어가거나 나갈 때 또는 두 요소의 교차 부분만큼 변경될 때 두 요소의 상태를 감지하여 콜백 함수를 실행합니다. 요소의 교차를 계속 지켜보기 위해 메인 스레드를 사용할 필요가 없어지고 교차 영역 관리를 최적화합니다. 이미지나 컨텐츠의 지연 로딩 (lazy loading), 무한 스크롤, 광고 수익 계산을 위한 광고의 가시성 보고, 사용자에게 결과가 표시되는 여부에 따라 작업이나 애니메이션을 수행할지 여부를 결정 // javascript const listEnd = document.query.. 2024. 1. 19. 이전 1 다음
