debouncing & throttling
Post

debouncing & throttling

들어가기

  • 지지난주에 했던 과제 구현 내용 중 Debounce와 자주 같이 소개되는 쓰로틀링과 연관해서 정리하면 좋을 것 같아서 이 주제로 다시 TIL을 남긴다.

쓰로틀링과 디바운싱

  • 프로그래밍 기법 중 하나로 다음과 같은 상황에서 사용함.

  • 쓰로틀링
    • 마지막 함수가 호출된 후 일정 시간이 지나기 전에는 다시 호출되지 않도록 하는 것
  • 디바운싱
    • 연속으로 호출되는 함수 중에서 마지막 함수나 첫 번째 함수만 호출되도록 하는 것
  • 따라서 디바운싱은 지난 번에 구현했던 것처럼 검색어를 입력했을 때 enter를 누르지 않더라도 바로 event들이 대기하고 있다가 이벤트가 끝났을 때 1번만 실행되도록 하는 기법
  • 쓰로틀링은 scroll 이벤트처럼 너무 많은 이벤트가 일어날 때 성능에 제한을 걸기 위해 사용.