Throttle과 Debounce

• throttle과 debounce 모두 DOM 이벤트를 기반으로 실행하는 자바스크립트를 성능상의 이유로 JS의 양적인 측면, 특 이벤트(event)를 제어(제한)하는 방법
• 과도한 이벤트 횟수의 실행으로 이벤트 핸들러가 무거운 계산 및 기타 DOM 조각과 같은 작업을 수없이 많이 수행하는 경우 성능 문제가 발생하고, 이는 사용자 경험까지 떨어뜨리게 될 것임
• throttle과 debounce는 이벤트 핸들러가 많은 연산(예: 무거운 계산 및 기타 DOM 조작)을 수행(이벤트 핸들러의 과도한 횟수가 발생하는 것)하는 경우에 대한 제약을 걸어! 제어할 수 있는 수준으로 이벤트를 발생(그 핸들러를 더 적게 실행하면 빠져 나갈 수 있음)시키는 것을 목표로 하는 기술!

Reference

• Throttle, Debounce & Difference (https://webclub.tistory.com/607)
• 쓰로틀링과 디바운싱 (https://www.zerocho.com/category/JavaScript/post/59a8e9cb15ac0000182794fa)