목차 들어가며.. throttle, debounce 함수 이용 requestAnimationFrame (rAF) 함수 이용 Passive Listener 들어가며.. 스크롤 이벤트를 이용한 성능 최적화를 위한 방법이 무엇이 있을지 알아보고자 한다. 보통 addEventListener()의 scroll 이벤트를 이용하여 특정 위치에 도달했을 때 어떤 액션을 취하도록 한다. document에 스크롤 이벤트를 등록하고, 특정 위치를 관찰하며 엘리먼트가 위치에 도달했을 때 실행할 콜백 함수를 등록하는 것이다. document.addEventListener("scroll", function() { console.log(`scroll`); }); 하지만 scroll 이벤트는 사용자가 스크롤 할 때마다 이벤트를 발생..