목록디바운스 (1)

문미새 개발일지

디바운스(Debounce), 쓰로틀(Throttle)

디바운스 (Debounce)디바운스는 연속해서 발생하는 이벤트 중 마지막 이벤트가 발생한 후 일정 시간이 지나면 실행되도록 하는 방식이며, 이벤트가 계속 발생하는 동안에는 실행되지 않다가, 사용자가 입력을 멈추거나 일정 시간이 지나야 실행된다.사용 예시검색창 자동완성: 사용자가 입력할 때마다 서버에 요청을 보내는 것이 아니라, 입력이 끝난 후 일정 시간이 지나면 요청을 보낸다.윈도우 리사이즈 이벤트: 창 크기를 조절할 때마다 발생하는 이벤트를 연속적으로 처리하는 대신, 최종 크기가 결정된 후 일정 시간이 지나야 실행된다.예제 코드function debounce(func: Function, delay: number) { let timer: NodeJS.Timeout; return function (....
개발 TIL 2025. 1. 31. 22:49
이전 Prev 1 Next 다음