지영이의 개발 블로그

인스타그램과 페이스북처럼 스크롤을 할때마다 새로운 피드를 불러오기 위해 서는 어떻게 해야 할까? (특정 위치에 스크롤이 도달하였을 때 미리 정의해 둔 이벤트를 적용하려면 어떻게 해야 할까) 자바스크립트의 intersection observer (인터섹션 옵서버)라는 API를 사용해 간단히 구현할수있다. ​ 인터섹션 옵저버 인터섹션 옵저버 API가 없을 때에는 Scroll 이벤트를 통해서 해당 이벤트를 구현하였다. 하지만 이 방법은 단 시간에 스크롤 이벤트가 매우 많이 호출되고 동기적으로 실행되며 한 페이지에 여러 엘리먼트에 이벤트가 등록되어 있는 경우에는 사용자가 스크롤을 할 때마다 스크롤을 감지하는 이벤트가 끊임없이 동작하게 되며 이는 메인 스레드에 영향을 주며 성능에 매우 안 좋은 영향을 주게 된다...