디바운스와 스로틀링의 차이에 대해서 설명해주세요

[klmhyeonwoo]

디바운스와 스로틀링의 차이에 대해서 설명해주세요

@prgmr99, @klmhyeonwoo

[prgmr99]

디바운스는 이벤트가 연속해서 발생할 때, 마지막 이벤트가 끝난 후 일정 시간 뒤에 함수를 한 번 실행하는 방식입니다.

쓰로틀링은 이벤트가 많이 발생해도 정해진 시간 간격에 최대 한 번만 함수를 실행시키는 방식입니다.

[klmhyeonwoo]

깰-꼼

[klmhyeonwoo]

스로틀링은 첫번째 또는 마지막 이벤트 이후 이벤트를 무시하는 기법이고,
디바운스는 연속되는 이벤트에서 마지막 이벤트가 끝난 뒤, 설정해둔 타이머를 통해 이벤트를 한번 실행하는 방식이다.

관련 예시

• 디바운스의 경우, 검색을 통해 키워드에 따른 검색 값을 서버에 요청할 때 사용
• 스로틀링의 경우, 스크롤에 이벤트를 주기적으로 실행을 해야할 때, 스크롤 이벤트에 사용
  (스크롤 이벤트에 디바운스를 삽입하게 되면 마지막 이벤트가 끝날 때까지 실행이 되지 않을 수 있음)