검색창 자동완성1 검색 Debounce 직접 구현하기 (feat. 재할당 & 비동기) 👀 검색창 자동완성 기능 만들 때 서버에 너무 많은 요청을 보내게 되는 문제 발생 ❗ lodash의 debounce 함수를 이용할 수도 있지만 직접 구현할 수도 있다 ㅎㅎ 😊 그런데 구현하다가 아차 싶었던, 내가 실수했던 부분이 있어서 기록에 남긴다. const handleSearchBar = (event: React.ChangeEvent) => { // 내부 let timer: any = 0; const searchValue = event.target.value; if (timer) { console.log('clear time'); clearTimeout(timer); } timer = setTimeout(() => { axios({ method: 'get', url: '서버 URL' }) .then.. 2022. 4. 12. 이전 1 다음