study_record

  • 홈
  • 태그
  • 방명록

debounce 1

[React] 사용자에게 빠른 UI 반응을 제공하려면? Web Worker, Debounce, Throttle

UI 응답성을 개선하기 위한 성능 최적화 기법에는 Web Worker과 Debounce, Throttle가 있다.적용 대상과 역할이 조금 다르기 때문에 이 글을 읽고, 상황에 맞게 적용해 성능을 개선해보자! 1. Web Worker (웹 워커)무거운 연산이나 백그라운드 작업을 별도의 스레드에서 수행하는 기법을 말한다.JS는 싱글 스레드라 무거운 연산이 메인 스레드를 막아 UI 렌더링이 멈출 수가 있기 때문에 웹 워커는 별도의 스레드에서 작업 수행시켜 메인 스레드의 부하를 줄여 UI의 렌더링이 끊기지 않도록 유지하기 위해 사용한다. 1.1 사용 예시// App.jsfunction heavyCalculation(n) { let result = 0; for (let i = 0; i { const r..

프론트엔드/React 2025.03.29
이전
1
다음
더보기
프로필사진

study_record

이전 블로그 https://velog.io/@ro_sie/posts

  • Study (241)
    • CS (25)
      • 네트워크 (2)
      • 컴퓨터구조 (9)
      • 운영체제 (4)
      • 자료구조 (0)
      • 소프트웨어 공학 (0)
    • 알고리즘 (7)
    • 프론트엔드 (29)
      • JavaScript (3)
      • React (17)
      • HTML (0)
      • CSS (1)
      • TypeScript (4)
      • NextJS (3)
    • PS (169)
      • 백준 (130)
      • 프로그래머스 (39)
    • Python (4)
    • Web (5)

Tag

BFS, Python, 프로그래머스, 이분 탐색, programmers, 다이나믹 프로그래밍, 너비 우선 탐색, hooks, 깊이 우선 탐색, 그리디, DP, BOJ, 파이썬, 이진 탐색, DFS, 백준, react, CS, 정렬, 에라토스테네스의 체,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   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 :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바