cotnmin

  • 홈
  • 태그
  • 방명록

debouncing 1

Throttling(스로틀링)과 Debouncing(디바운싱)

Throttling과 Debouncing는 불필요한 연산을 줄이는 방법으로 이벤트나 비동기 요청을 할 때 주로 사용한다. 예를 들어 DOM를 크게 변경하는 이벤트가 scroll이나 resize 이벤트 같은 곳에 묶여있을 경우, 수많은 함수가 호출되고 키보드 입력을 받는 경우 엔터없이 자동완성을 한다고 했을 때 한 글자 한 글자 입력 시마다 요청을 보내게 될 것이다. 즉, 함수의 호출 비용(시간이나 컴퓨팅 성능이 될 수도 있고, api같은 경우 이용료나 트래픽 비용이 될 수 있다.)이 큰 경우 비용 절감을 위해 성능을 조절하는 기법이다. 둘의 차이점은 아래와 같다. Throttling: 함수 호출 후 정해진 시간동안 같은 함수 호출 X Debouncing: 지연 호출되는 함수를 호출 시 이전 호출은 취소하..

개발일지/Frontend 2023.02.12
이전
1
다음
더보기
프로필사진

cotnmin

  • 분류 전체보기
    • 뻘글
    • 개발일지
      • Frontend
      • Git
      • Gemini
      • Backend
    • 블로그 운영기
    • 개인 프로젝트
      • 오델로(Othello)
      • 포트폴리오(Portfolio)
    • 함 프로젝트
      • 영어학원 홈페이지
      • 수학학원 홈페이지
      • 학원 프로그램

Tag

AWS, 홈페이지, Gemini, 실무개발, scroll, APP_GUARD, Claude, 목적물변경, javascript, LMM, AI, HTML, js game, deepScanRoutes, 제미나이, lovable, 자바스크립트, 시험지 생성, jwt, galileo ai,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

  • GitHub
  • NPM
  • Profile

티스토리툴바