[JS] Event 성능 향상

기존 방법 (setTimeout)

• setTimeout 적용해서 지정된 시간마다 한번씩만 이벤트가 실행되게...

let timeout = null;

watch(searchText, () => {
  clearTimeout(timeout);

  timeout = setTimeout(() => {
    getTodos(1);
  }, 1000)
});

Throttle & Debounce

• throttle : 지정한 시간마다 최대 1번만 실행될 수 있도록 도움
• Debounce : 리스너가 실행된 후 다음 실행까지의 딜레이를 설정할 수 있도록 도와줌

page 안에는 router 컴포넌트들이 들어가게 됨

ex)
/ : pages/index.vue
/todos : pages/todos/todos.vue