프론트엔드
어려움
코딩
디바운스와 쓰로틀 구현
자바스크립트 디바운스와 쓰로틀 함수 구현
35분
85점
#3703
문제 설명
고빈도 이벤트 처리를 위한 debounce와 throttle 함수를 구현하세요.
Debounce
마지막 호출 후 일정 시간이 지나야 실행됩니다. 연속 호출 시 타이머가 리셋됩니다.
사용 예: 검색 입력, 윈도우 리사이즈
Throttle
일정 시간 간격으로 최대 한 번만 실행됩니다.
사용 예: 스크롤 이벤트, 버튼 클릭
추가 요구사항
- leading/trailing 옵션 지원
- cancel 메서드 제공
- flush 메서드 제공 (즉시 실행)
- this 바인딩 유지
평가 기준
- 기능 정확성
- 옵션 처리
- 메모리 누수 방지
실행 버튼을 눌러 코드를 실행하세요.