JavaScript

[Knock/Knock] 검색 성능 개선

한달 전에 다 끝난 프로젝트를 갑자기 VSC에서 키게 된 것은 요즘 면접 대비 공부를 하면서 디바운스라는 개념을 알게 되었기 때문이다. 디바운스는 일정 시간동안의 함수 호출을 막고 마지막의 한 번만 실행되도록 해서 서버 부하를 줄이는 기법이다. 검색 기능을 구현했던 것이 문득 생각이 나 당장 적용해보기로 했다. 기존 코드 keyup마다 함수가 호출되도록 했었는데, count 를 출력해보니 엄청많은 호출이 있었다.. 디바운스 적용 후 let count = 0; (function() { let timer; search_input.addEventListener("keyup", (e) => { clearTimeout(timer); timer = setTimeout(() => { //수행할 함수 = ajax가 ..