👨💻 Observer1 [JavaScript] 옵저버 패턴 - IntersectionObserverAPI ✔ Intro Intersection Observer API는 타겟 요소와 상위 요소 또는 최상위 document의 viewport 사이의 intersection 내의 변화를 비동기적으로 관찰하는 방법이다. 일반적으로 알려진 해결방법은 신뢰성이 부족하고 브라우저나 사이트에 부하를 주기 때문에 좋지 못한 사용자 경험을 낳는다. Intersection Observer API 는 콜백 함수를 등록할 수 있어 감시하고자 하는 요소가 다른 요소(viewport)에 들어가거나 나갈 때, 요청한 부분만큼 두 요소의 교차 부분이 변경될 때마다 실행될 수 있다. 즉, 사이트는 요소의 교차를 지켜보기 위해 메인 스레드를 사용할 필요가 없고 브라우저는 원하는 대로 교차 영역 관리를 최적화할 수 있다. 뉴스 무한스크롤을 구현.. 2022. 11. 27. 이전 1 다음
