dev.daisy

  • 홈
  • 태그
  • 방명록

useRef 1

[React] useRef 알아보기

처음에는 단순히 값을 저장하는 용도로만 생각했지만, useState가 선언적(Declarative) UI 업데이트를 위한 도구라면, useRef는 명령형(Imperative) 작업을 위한 도구라는 것을 제대로 공부하게 되었습니다. useRef에 저장된 값은 컴포넌트가 수십 번 리렌더링되어도 초기화되지 않고 유지되지만, 값이 변경되어도 useState처럼 불필요한 리렌더링을 유발하지 않는 덕분에 타이머 ID, API 응답 캐싱, 또는 이전 상태(Previous State) 값을 추적하는 등 UI와 무관하게 데이터의 지속성이 필요한 경우에 useRef가 성능 최적화의 핵심적인 방법이 된다는 것을 배웠습니다. 덕분에 useRef가 React의 선언적 모델을 보완하고 클린 코드를 작성하는 데 필수적인 Hook임..

📚 CS/React 2025.09.16
이전
1
다음
더보기
프로필사진

dev.daisy

주니어 프론트엔드 개발자입니다 :) github @dani1552

  • 분류 전체보기
    • 👩🏻‍💻 Develop
      • Performance Optimization
      • TroubleShooting
      • Test
      • Document
    • 📚 CS
      • JavaScript
      • React
      • Basic
      • Algorithm
    • 🏃🏻 Others N
      • Conference
      • Interview (🔒) N
      • Information (🔒)

Tag

useRef, rerendering, scope, udp, JavaScript, OSI, https, REACT, nginx, V8, V-Dom, SSE, Next.js, Hooks, Cors, FEConf, refresh token, test code, SSR, memoization,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/12   »
일 월 화 수 목 금 토
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.

티스토리툴바