[React.js] Hooks - useRef


useRef

  • ์ง์ ‘ DOM ์š”์†Œ์— ์ ‘๊ทผํ•ด์•ผ ํ•  ๋•Œ, useRef ํ›…์„ ์‚ฌ์šฉํ•˜์—ฌ DOM ์š”์†Œ์— ์ง์ ‘ ์ ‘๊ทผ์ด ๊ฐ€๋Šฅ
  • useRef ํ›…์ด ๋ฐ˜ํ™˜ํ•˜๋Š” ref ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•ด์„œ ์ž์‹ ์š”์†Œ์— ์ ‘๊ทผ์ด ๊ฐ€๋Šฅ

  • useRef๋Š” .current ํ”„๋กœํผํ‹ฐ๋กœ ์ „๋‹ฌ๋œ ์ธ์ž(initialValue)๋กœ ์ดˆ๊ธฐํ™”๋œ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•œ ref ๊ฐ์ฒด๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค

  • useRef๋Š” .current ํ”„๋กœํผํ‹ฐ์— ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•œ ๊ฐ’์„ ๋‹ด๊ณ  ์žˆ๋Š” โ€œ์ƒ์žโ€์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค. โ€‹ โ€‹

https://ko.reactjs.org/docs/hooks-reference.html#useref โ€‹ โ€‹ โ€‹ https://ko.reactjs.org/docs/refs-and-the-dom.html#gatsby-focus-wrapper

Ref์™€ DOM โ€“ React A JavaScript library for building user interfaces ko.reactjs.org