본문 바로가기 메뉴 바로가기

주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

검색하기 폼
  • 분류 전체보기 (304)
    • React (40)
    • Vue (22)
    • Javascript (55)
    • Typescript (11)
    • 개념 (84)
      • 2025 학습 (21)
    • HTML (24)
    • Wordpress (10)
    • 아티클 (45)
    • ---------------------------.. (6)
      • 삶, 리뷰 (6)
  • 방명록

디바운싱 (1)
자바스크립트 쓰로틀링(Throttling), 디바운싱(Debouncing) 성능 최적화

자바스크립트 쓰로틀링(Throttling), 디바운싱(Debouncing) 성능 최적화자바스크립트 쓰로틀링(Throttling)과 디바운싱(Debouncing)은 성능 최적화를 위한 핵심 기법이다.고빈도 이벤트(스크롤, 리사이즈, 입력 등)에서 과도한 호출을 방지하고 성능을 높이는데 유용하다.   쓰로틀링 (Throttling)일정 시간 간격으로 함수를 강제로 실행하게 제한한다. 즉, N초에 한번만 실행되게 만든다는게 핵심이다.사용자의 행동이 빈번하지만 일정 간격으로만 반응하면 충분한 경우에 사용된다. (주기적으로 처리)스크롤 위치 저장윈도우 리사이즈  예시사용자가 아무리 스크롤을 해도, 200ms에 한번만 로그 출력window.addEventListener('scroll', throttle(() => ..

개념/2025 학습 2025. 4. 6. 13:40
이전 1 다음
이전 다음
최근에 올라온 글
최근에 달린 댓글
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바