K
KRYFT Problem Bank
프론트엔드 어려움 코딩

디바운스와 쓰로틀 구현

자바스크립트 디바운스와 쓰로틀 함수 구현

35분
85점
#3703

문제 설명

고빈도 이벤트 처리를 위한 debounce와 throttle 함수를 구현하세요.

Debounce

마지막 호출 후 일정 시간이 지나야 실행됩니다. 연속 호출 시 타이머가 리셋됩니다.

사용 예: 검색 입력, 윈도우 리사이즈

Throttle

일정 시간 간격으로 최대 한 번만 실행됩니다.

사용 예: 스크롤 이벤트, 버튼 클릭

추가 요구사항

  • leading/trailing 옵션 지원
  • cancel 메서드 제공
  • flush 메서드 제공 (즉시 실행)
  • this 바인딩 유지

평가 기준

  • 기능 정확성
  • 옵션 처리
  • 메모리 누수 방지
실행 버튼을 눌러 코드를 실행하세요.