DOM ์กฐ์์ ํ ์ ์๊ฒ ํด์ฃผ๋ "useRef"
2
2023.11.01
์ปดํฌ๋ํธ์ ์์ฑ ๊ฐ์ ๋ถ๋ฌ์ฌ ์๋ ์๊ณ , value๋ style ๊ฐ ๊ฐ์ ๊ฒ๋ค์ ๋ฐ๊ฟ์ค ์๋ ์๋. DOM์ ์กฐ์ํ ์ ์๊ฒ ํด์ฃผ๋ ref. ๋ ๋๋ง์ ํ์ํ์ง ์์ ๊ฐ์ ์ฐธ์กฐํ ์ ์๋ ref. ์ ๋ํ์ฌ ์ค๋ช
ํ๋๋ก ํ๊ฒ ๋ค. โ ref ๋ ๋น๊ต์ ๊ฐ๋จํ ๊ฐ๋
์ด๋ฏ๋ก forwardRef ์ useImperativeHandle ๋ฅผ ์ค๋ช
ํ๊ธฐ ์ํ ๋์ฝ ๋จ๊ณ์ฒ๋ผ ๊ฐ๋ณ๊ฒ ์ง๊ณ ๋์ด๊ฐ๋๋ก ํ๊ฒ ์. โ ๋ง๋ถํ๋ ๋ง.. ๋ชจ ๋ถ์ฅ์ "Ref ๋ React ์๋ช
์ฃผ๊ธฐ์ ์ด์ธ๋ฆฌ์ง ์๋ ๋ฌธ๋ฒ์ผ๋ก React ์์์๋ ์ง์ํด์ผ ํ๋ค"๋ ๋ฐ์ธ์ ๋ํ์ฌ ์ค๋ช
ํ๋๋ก ํ๊ฒ ๋ค. Ref ๋ฅผ ๋ฌด๋ถ๋ณํ๊ฒ ์ ์ธํ๊ณ , ๋ค๋ฅธ ๋ฌธ๋ฒ์ผ๋ก ๋์ฒด๊ฐ ๊ฐ๋ฅํ๋ฐ๋ ๋ถ๊ตฌํ๊ณ ๋ฌด์ง์ฑ์ผ๋ก ์ฌ์ฉํ๋ ๊ฒ์ด ๋ฌธ์ . (์ด๊ฒ์ ๋ค๋ฅธ ๋ฌธ๋ฒ๋ ๋์ผํ๋ค. ๊ฐ์๊ฐ ๊ฐ์ง๋ ๊ณ ์ ์ ํน์ฑ์..