
[JS] 쓰로틀링, 디바운스
·
javascript
# 쓰로틀링이벤트호출에 강제로 인터벌을 발생시켜서 핸들러함수의 물리적인 호출 횟수 줄임 js 예시 적용전window.addEventListener('scroll', function (e) { console.log('스크롤 이벤트 발생!'); })적용 후settimeout 끝날 때 변수를 null으로 바꿔서 0.2초마다 함수가 실행되게 하는 로직이다.let throttler; window.addEventListener('scroll', function (e) { if (throttler) { return } throttler = setTimeout(function() { console.log('스크롤 이벤트 발생!'); throttler = null; }, 200); })..