디바운스(debounce)와 쓰로틀(throtte) 그리고 디바운스 적용기
·
개발/개발 아카이브
사용자의 입력이 유실되지 않도록 입력 중간 중간마다 입력값을 로컬스토리지에 임시 저장하는 기능을 만들고 있었습죠. 작업 중 매번 이벤트 발생 시마다 저장기능 함수를 호출하거나, setInterval 등으로 끊임없이 저장기능 함수를 호출하게 된다면, 불필요하게 과도한 호출이 발생하는거 아닐까? 라는 생각이 들었습니다. ㅎㄷㄷ 운명적이게도, 구독하고 있던 기술메일에 디바운스와 쓰로틀과 관련된 내용을 받았고, 이거다! 싶어서 적용해보았습니다.간단한 개념 정리와 함께 내가 왜 이 기술을 선택했는지 기록해보려고 합니다. 디바운스와 쓰로틀둘 다 이벤트 핸들러가 너무 자주 실행되지 않도록 조절하는 기법. 하지만 동작 방식에 차이가 있습니다. 디바운스?이벤트가 반복 발생했을 때, 마지막 이벤트만 실행되도록 만들어주는..