728x90
useState
-
useRef 언제 사용해야 할까? 🚀 리액트 개발자의 필수 훅 완벽 정리!Developer 2025. 2. 21. 09:00
1. useRef란?useRef는 리액트의 내장 훅(Hook) 중 하나로, 컴포넌트의 렌더링과 무관한 값을 저장하거나 DOM 요소에 직접 접근할 때 사용하는 훅입니다.✅ 쉽게 말해?상태(useState)와 달리 렌더링 없이 값이 유지됨!DOM 요소를 직접 조작 가능!이전 렌더링 값을 저장할 때 유용함!import { useRef } from "react";✅ useRef는 기본적으로 { current: 값 } 형태의 객체를 반환합니다.2. useRef를 사용하는 3가지 주요 사례📌 1) DOM 요소에 직접 접근할 때리액트에서 DOM을 직접 조작할 때 useRef를 사용하면 매우 편리합니다. 예를 들어, 버튼 클릭 시 자동으로 입력창에 포커스를 주고 싶을 때 사용 가능합니다.✅ 예제: 입력 필드 자동 포..