'setTimeout' 태그의 글 목록

JavaScript] 디바운싱(Debouncing) & 쓰로틀링(Throttling)

JS에서 최적화작업? 에 가까운 개념입니다. 따로 의식하거나 개념을 알고 개발한 적은 없는데, 이번기회에 저도 찾아보면서 공부하고 앞으로의 개발에 있어 좋은 밑거름이 될 듯싶습니다. 디바운싱(Debouncing) 빈번하게 발생하는 이벤트를 특정 시간 이후에 한 번만 실행시키면 되는 최적화 기법입니다. 예시 간단한 예시로 설명드리면, 회원가입 페이지가 있다고 생각해 봅시다. 회원가입 정보 입력 후, submit버튼을 눌러 제출하는데 이 버튼을 광클해서 500ms에 5번 클릭하게 되면, post로 데이터가 5번 전달하게 될 것입니다. 여기서 디바운싱 개념을 사용해서 특정 시간을 500ms로 설정하게 되면, 500ms 동안 클릭한 5번이 전부 전달되는 게 아니라 마지막 1번만 전달 되게 함으로써 효율적으로 사..

Language/JavaScript 2023.07.15

왕가's history

setTimeout 1

티스토리툴바