---
type: snippet
tags: [debounce, throttle, search, ux]
status: release
ctime: 2025-12-28
mtime: 2025-12-28
---

검색어 필터링 UI → **Debounce** (300-500ms)

타이핑 완료 후 검색이 더 자연스러움. "자바스크립트" 입력 시 매 글자마다 검색하면 비효율적.

```javascript
const handleSearch = debounce((term) => performSearch(term), 300)
input.addEventListener('input', (e) => handleSearch(e.target.value))
```

Throttle은 실시간 검색 결과를 보여주면서 요청 제한할 때 사용 (1초마다 최대 1회 등).