리액트 - debounce, throttle (이벤트 관리)

HJ·2022년 2월 7일

React

목록 보기
9/14

리액트에는 이벤트를 관리할 수 있는 두 가지 방법이 있다.

debounce란?

  • 이벤트가 일어나면, 일정 시간을 기다렸다가 이벤트를 수행한다. 일정 시간 내에 같은 이벤트가 또 들어오면 이전 요청은 취소한다. (다시 일정 시간을 기다림)
  • 예: onChange가 일어나면 실행되는 콜백을 효과적으로 제어해준다. (onchange를 막는것이 아님)

throttle이란?

  • 일정 시간 동안 일어난 이벤트를 모아서 주기적으로 1번씩 실행해준다. (모아서 가장 최근 것을 실행해줌)

무엇이 더 좋다 이런건 없고, 상황에 따라 선택해서 쓰면 된다.

0개의 댓글