솔미는 성장중

lodash는 성능과 안정성이 검증된 라이브러리이고, 다양한 옵션을 제공하고 있기에 대체로는 lodash의 debounce를 사용해도 무관합니다. 하지만 프로젝트를 진행하던 도중 lodash에서 제공하는 debounce를 쓰니 원하는 대로 동작하지 않는 상황이 있었다. input에 입력을 받고 어느 정도 시간 이상으로 추가입력이 일어나지 않으면 api 호출을 하는 로직이었다.하지만 api 호출이 내가 생각한 것 보다 여러번 일어나는 이슈가 있어서 직접 setTimeout으로 제어하도록 작업을 해주었다. [중간에 추가 호출이 있으면 시간 초를 리셋되도록 하고싶다]function customDebounce(fn, delay) { let timeoutId; return function(...args) ..

기본 개념 setTimeout (실행할 내용, 시간) '시간' 후에 1번 실행 실행할 내용 적는 방법 () => {내용} 함수명 clearTimeout (대상) 타이머를 해제한다. setInterval (실행할 내용, 시간) '시간'마다 실행 clearInterval (대상) setInterval로 실행하던 것 해제 예제 [index.html] Click Me [main.js] const HelloWorld = () => { console.log('HelloWorld!') } const timeout = setInterval(HelloWorld,1000) const h1El = document.querySelector('h1') h1El.addEventListener('click',()=>{ consol..