몽땅뚝딱 개발자

◽ 설치하기 npm i vue-debounce ◽ debounce란? 연이어 함수가 호출될 때 가장 마지막이나 가장 처음의 1회만 이벤트가 발생하도록 하는 기술이다. 예를 들어, 검색어를 입력할 때 하나의 모음/자음을 입력할 때 마다 API를 호출하는 것은 비효율적이고 과도한 비용을 들게 한다. 따라서 사용자가 타이핑을 마쳤다고 생각하는 지점에서 호출해야한다. 기존에 발생한 이벤트(=사용자가 검색어를 입력할 때 발생한 이벤트)를 하나로 묶은 상태에서 가장 마지막으로 호출된 시점에서 API를 호출하면 되는 것이다. ◽ 예제 📄 main.js import vueDebounce from "vue-debounce"; Vue.use(vueDebounce); 📄 test.vue - HTML 영역 📄 test.vue..