자바스크립트 이벤트 제어

[Javascript] 디바운싱과 쓰로틀링 / 연속 이벤트 제어

디바운싱과 쓰로틀링은 모두 웹 페이지에서 발생하는 반복적인 이벤트를 제어해주는 방법이다. 반복적인 이벤트를 제어한다는 것은, 스크롤을 내리는 등의 수많은 반복 이벤트의 횟수를 현저하게 줄여주는 것을 의미한다. 1. 디바운싱: 맨 마지막에 발생한 이벤트만 처리! 2. 쓰로틀링: 이벤트가 한번 발생하면 일정 시간 락다운! 스크롤 이벤트를 예로 들어 디바운싱과 쓰로틀링 이벤트를 간단하게 구현할 수 있다. document.addEventListener("scroll", () => { const scrollValue = document.documentElement.scrollTop; console.log(scrollValue); }) 위의 코드는 기본적인 스크롤 이벤트를 발생시키는 코드이고, 사진은 그 결과이다...