refs์˜ ์šฉ๋„๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?

*refs๋Š” React์—์„œ ์‚ฌ์šฉ๋˜๋Š” ํŠน๋ณ„ํ•œ ์†์„ฑ์œผ๋กœ, DOM ์š”์†Œ๋‚˜ React ์ปดํฌ๋„ŒํŠธ ์ธ์Šคํ„ด์Šค์— ์ง์ ‘์ ์ธ ์ ‘๊ทผ์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๋ฉฐ, ์ง์ ‘์ ์ธ ์ ‘๊ทผ์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ์— ์œ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.*

refs๋Š” ์ฃผ๋กœ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฒฝ์šฐ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

*refs๋Š” ์ฃผ๋กœ ์ปดํฌ๋„ŒํŠธ ์™ธ๋ถ€(Web API, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ)์—์„œ ์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์— ์ ‘๊ทผํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ์— ์‚ฌ์šฉ๋˜๋ฉฐ, ์‚ฌ์šฉํ•  ๋•Œ์—๋Š” ์‹ ์ค‘ํ•˜๊ฒŒ ์‚ฌ์šฉํ•˜์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.*


์–ด๋–ป๊ฒŒ refs๋ฅผ ์ƒ์„ฑํ•˜๋‚˜์š”?

ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ refs ๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ํฌ๊ฒŒ ๋‘ ๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

  1. useRef Hook ์‚ฌ์šฉํ•˜๊ธฐ
  2. ํด๋กœ์ €(Closure) ์‚ฌ์šฉํ•˜๊ธฐ