Pewwwjjj

Throttle과 Debounce가 만들어진 이유나 어떠한 동작의 개념을 가지는 지는 모두 아실 것이라 생각합니다. 그래도 한 번 정리해보자면, Throttle은 이벤트를 일정한 주기마다 (설정한 Milliseconds) 발생하도록 하며, Debounce는 마지막으로 함수가 호출된 시점에서 특정 시간이 지난 후 (설정한 Milliseconds)하나의 이벤트만 발생하도록 하는 기술입니다. 이 두 기술 모두 이벤트 실행에 특정 제약을 걸어 과다한 이벤트 로직 실행을 방지하고, 궁극적으로 웹 페이지 성능의 향상을 위해 나타났다고 볼 수 있습니다. 이번 시간에는, 간단하게 이 둘에 대해 구현을 해보고, 어떻게 사용될 수 있는지 예시를 들어보도록 하겠습니다. 코드는 간단합니다. 자바스크립트의 Date 객체를 이용..

안녕하세요! 오늘은 Vue.js로 간단한 페이징을 구현해보려합니다~ 되게 간단하게 할 수 있지만, 저는 vue-cli를 이용하여 구현하겠습니다. 설정이 기억나지 않으시는 분들은 이 글을 참고해주세요! http://pewww.tistory.com/2 일단 전체적인 완성 모습은 아래의 사진과 같습니다. (디자인은 무시해주세요..ㅎ) 테이블을 구성하는 데이터들은 연락처서비스 API에서 불러왔습니다. http://sample.bmaster.kro.kr/ 그럼 긴 말 할 것 없이 코드로 설명드리겠습니다! 중요하게 봐야될 것은 딱 2가지라고 할 수 있습니다. 첫 번째는 바로 created 부분입니다. 코드를 보시면 axios를 사용하여 통신을 하고 있는 것을 알 수 있습니다. 성공 시 응답 데이터의 contacts..