자바스크립트 IntersectionObserver

🎯 무한 스크롤 구현 (feat. IntersectionObserver, Event Delegation) TMDB API를 이용한 Vanilla JS SPA 홈페이지를 구현하고 있었다. 메인 페이지에는 Upcoming 영화 1개를 가져오고 아래에는 각 장르별 추천 영화 5개씩 가져오고 있었다. 무언가 부족해서 좀 더 많은 장르의 영화를 가져오려고 시도했지만 많은 데이터 요청으로 인하여 로딩 속도가 너무 느려졌다. 개선점을 찾으려고 고민하던 끝에 스크롤이 맨 밑으로 내려갔을 때 api를 요청해서 다음 장르의 추천 영화를 가져오는 무한 스크롤을 적용하기로 결정했다. 깃허브 코드 보기 🔍 결과 미리 보기 기존 화면 무한 스크롤 적용 화면 💡 생각 무한 스크롤 구현에 대표적인 방법에는 스크롤 이벤트 or Int..