---
type: note
kind: Reference
tags: ['throttle', 'debounce', 'lodash', 'event', 'ui']
status: release
ctime: 2022-04-09
mtime: 2024-03-22
generated: { by: human:cbcruk, at: 2024-03-29T14:11:20Z }
verified: { by: claude/opus-5, at: 2026-08-19T00:00:00Z }
sources:
  - id: css-tricks-debouncing-throttling-explained
    resource: https://css-tricks.com/debouncing-throttling-explained-examples/
    title: "Debouncing and Throttling Explained Through Examples | CSS-Tricks"
---

[Debouncing and Throttling Explained Through Examples | CSS-Tricks](https://css-tricks.com/debouncing-throttling-explained-examples/)[^22-1]

- throttle: 함수가 호출되는 속도를 제한 (일정시간 동안)
- debounce: 추가 호출 없이 일정 시간이 경과할 때까지 함수 실행을 지연하거나 제한 (마지막 이벤트만)

---

[^22-1]: 검색 입력, 스크롤 이벤트, 크기 조정 이벤트 등 디바운싱과 스로틀링이 유용할 수 있는 사례들