---
# System prepended metadata

title: Throttle과 Debounce
tags: [tech sharing]

---

# Throttle과 Debounce

이벤트의 실행 빈도를 줄여서 성능상의 유리함을 가져오는 방법이다.

## Throttle

일정 시간의 입력을 한번에 출력하도록 하는 것

## Debounce

입력 주기가 끝나면 출력하는 것

여러번 발생하는 이벤트에서 가장 마지막 이벤트만을 실행할 수 있다.

## 예

```javascript=
const onSubmitClicked = () => {
    if (submitTimer) {
      clearTimeout(submitTimer);
    }
    submitTimer = setTimeout(() => {
      const submitValues = { uploadImages, titleInputRef, contentInput, category, price };
      submitForm(submitValues);
    }, 400);
  };
```
###### tags: `tech sharing`

