
debounce를 활용한 다수의 서버 요청 처리 경험기
·
TIL
기존 서비스에는 Input에 onBlur로 휴대폰 번호 중복 함수를 호출했다면서비스 업데이트 이후부터는 onInput을 사용해 input에 입력되는 값에 반응하여휴대폰 번호 중복 체크 함수를 호출하는 것으로 코드를 변경했습니다.그러자 고려해야 할 사항이 발생했는데요. 유저가 빠르게 번호를 썼다 지웠다를 반복하면 서버에 많은 요청이 전달되고많은 요청은 곧 많은 비용으로 이어지게 되어 잦은 요청에 대한 처리에 대한 고민이 필요했습니다.debounce 처리 시도잦은 유저의 변경값에 대해 마지막 입력값에 대하여 요청을 보내면 되므로debounce를 선택했습니다.하지만 debounce로 생성된 함수는 이전에 생성된 함수를 취소하고새로운 함수를 생성하는 특징이 있는데요. 제가 useEffect 내부에서 휴대폰 번호..