코드캠프 팀프로젝트 3주차 - 촐랑대는 가격은 디바운싱으로 제어하기

적립금 한자리 입력할 때마다 촐랑대며 바뀌는 최종 결제 금액
그 어느 곳에서도 이런 촐랑대는 가격은 본 적이 없다고..

수업시간에 검색할 때 썼던 디바운싱을 이용해보자

  const onChangePoint = (event: ChangeEvent<HTMLInputElement>) => {
    setUsePoint(event.target.value);
  };

input 값이 바뀌면 바로바로 point state가 변경되고 있다

 const getDebounce = _.debounce((data) => {
    setUsePoint(Number(data));
  }, 500);
  
  
 const onChangePoint = (event: ChangeEvent<HTMLInputElement>) => {
    getDebounce(event.target.value);
  };

디바운싱할 내용과 시간을 적어주고 onchange 될 때 디바운싱 할 수 있게 연결해주면 끝

검색할 때보다 쉽게 활용해 보았다~