useRef

์ฐธ๊ณ ์‚ฌ์ดํŠธ • React ๊ณต์‹ ๋ฌธ์„œ - useRef ๐Ÿชฃ useRef ๋ Œ๋”๋ง์ด ํ•„์š”ํ•˜์ง€ ์•Š์€ ๊ฐ’์„ ์ฐธ์กฐํ•  ์ˆ˜ ์žˆ๋Š” React Hook์ด๋‹ค. useRef๋Š” .current ํ”„๋กœํผํ‹ฐ๋กœ ์ „๋‹ฌ๋œ ์ธ์ž(initialValue)๋กœ ์ดˆ๊ธฐํ™”๋œ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•œ ref ๊ฐ์ฒด๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. ๋ฐ˜ํ™˜๋œ ๊ฐ์ฒด๋Š” ์ปดํฌ๋„ŒํŠธ์˜ ์ „ ์ƒ์• ์ฃผ๊ธฐ๋ฅผ ํ†ตํ•ด ์œ ์ง€๋œ๋‹ค. ๐Ÿ“ฆ Parameter • initialValue: ์ดˆ๊ธฐ์— ์ €์žฅ๋˜๋Š” ๊ฐ’์„ ๋„ฃ์œผ๋ฉฐ, ๋ชจ๋“  ์œ ํ˜•์˜ ๊ฐ’์ด(lite, DOM...)์ด ๋  ์ˆ˜ ์žˆ๋‹ค. ์ด ์ธ์ˆ˜๋Š” ์ดˆ๊ธฐ ๋ Œ๋”๋ง ํ›„์— ๋ฌด์‹œ๋œ๋‹ค. ๐ŸŽ Return useRef๋Š” ๋‹จ์ผ ์†์„ฑ์„ ๊ฐ€์ง„ ๊ฐ์ฒด๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. {current: value} • current: initialValue๊ฐ’์ด ๋“ค์–ด๊ฐ€ ์žˆ์œผ๋ฉฐ null์„ ์‚ฌ์šฉํ•ด๋„ ๋œ๋‹ค. ํ–ฅํ›„ ๋‹ค๋ฅธ ๊ฒƒ์œผ๋กœ ์„ค์ •ํ•  ์ˆ˜ ..
ma.caron_g
'useRef' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก