[๊ธฐ์ˆ ๋ฉด์ ‘] useRef

2023. 8. 28. 10:55ใ†๐Ÿ–ฅ๏ธ CS(Computer Science)/์†Œํ”„ํŠธ์›จ์–ด

useRef

: ํŠน์ • DOM ์š”์†Œ์— ์ ‘๊ทผํ•˜๊ฑฐ๋‚˜ ์ปดํฌ๋„ŒํŠธ ๋‚ด์—์„œ ๋ณ€์ˆ˜๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” React Hook.

  • JS์—์„œ๋Š” ํŠน์ • DOM์„ ์„ ํƒํ•˜๊ธฐ ์œ„ํ•ด querySelector๋ฅผ ์‚ฌ์šฉํ•˜์ง€๋งŒ React์—์„œ๋Š” useRef๋ฅผ ์‚ฌ์šฉํ•จ.
  • useRef๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ณ€์ˆ˜๋ฅผ ์—…๋ฐ์ดํŠธํ•˜๋ฉด, ํ•ด๋‹น ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ฆฌ๋žœ๋”๋ง ๋˜์ง€ ์•Š์Œ.
  • ๋ฐ˜ํ™˜๋œ ๊ฐ์ฒด๋Š” ์ „ ์ƒ์•  ์ฃผ๊ธฐ๋ฅผ ํ†ตํ•ด ์œ ์ง€๋จ.
  • ์ปดํฌ๋„ŒํŠธ ์—…๋ฐ์ดํŠธ ๊ฐ์ง€

Reference

'๐Ÿ–ฅ๏ธ CS(Computer Science) > ์†Œํ”„ํŠธ์›จ์–ด' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[๊ธฐ์ˆ ๋ฉด์ ‘] var, let, const  (0) 2023.09.01
[๊ธฐ์ˆ ๋ฉด์ ‘] useEffect  (0) 2023.08.29
[๊ธฐ์ˆ ๋ฉด์ ‘] Virtual DOM๊ณผ Real DOM  (0) 2023.08.24
[๊ธฐ์ˆ ๋ฉด์ ‘] ์ „์—ญ์ƒํƒœ๊ด€๋ฆฌ  (0) 2023.08.24
[๊ธฐ์ˆ ๋ฉด์ ‘] Redux  (0) 2023.08.22

๊ด€๋ จ๊ธ€

๋Œ“๊ธ€ 0

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”