Develop/React.js
[React] useRef
useRef ๋ useRef๋ React์์ ์ ๊ณตํ๋ Hook ํจ์ ์ค ํ๋๋ก, ์ผ๋ฐ์ ์ผ๋ก DOM ์์๋ฅผ ์ ํํ๊ฑฐ๋ ์ปดํฌ๋ํธ์์ ๋ณ๊ฒฝ ๊ฐ๋ฅํ ๊ฐ์ ์ ์ฅํ๋ ๋ฐ ์ฌ์ฉ๋๋ค. ์์ ์๋ฅผ ๋ค์ด, useRef๋ฅผ ์ฌ์ฉํ์ฌ DOM ์์๋ฅผ ์ ํํ๋ ๊ฒฝ์ฐ ๋ค์๊ณผ ๊ฐ์ด ์ฝ๋๋ฅผ ์์ฑํ ์ ์๋ค. import React, { useRef, useEffect } from 'react'; function Example() { const inputRef = useRef(null); useEffect(() => { inputRef.current.focus(); }, []); return ; } ์์ ์ฝ๋์์ useRef๋ฅผ ์ฌ์ฉํ์ฌ input ์์๋ฅผ ์ ํํ๊ณ , useEffect๋ฅผ ์ฌ์ฉํ์ฌ ์ปดํฌ๋ํธ๊ฐ ๋ง์ดํธ๋ ๋ input ์์์ ์๋..