Intersection Observer1 무한 스크롤 구현 무한 스크롤을 구현하는 방식은 2가지가 있다. 1. 스크롤 이벤트 예전 방식이고 계속 이벤트를 발생시키기 때문에 브라우저에 부하가 걸릴 수 있다. 2. IntersectionObserver 인터페이스 요즘 방식이고 부하가 발생하지 않는다. 이 방식으로 구현하는 것을 추천! 동작 방식을 간단하게 설명하면 다음과 같다. 첫 페이지 리스트를 출력하고 리스트의 하단에 div를 만들어둔다. 여기서는 listEnd div. 브라우저에서는 현재 사용자가 보고 있는 화면을 감지할 수 있는데, IntersectionObserver 객체의 observe함수를 이용해서 특정 div를 관찰할 수 있다(observe). 스크롤을 내리다가 observe중인 div가 들어오면 이벤트를 발생시킨다. 이벤트를 발생할 함수(getGue.. 2023. 11. 13. 이전 1 다음 반응형