ํ™ˆ์œ ํŠœ๋ธŒ๋ธ”๋กœ๊ทธTop 10
๋‚ด ํ”„๋กœํ•„

๋ฐ๋ธŒํ—ˆ๋ธŒ ์•ˆ๋‚ด
์†Œ๊ฐœ์—…๋ฐ์ดํŠธ ์†Œ์‹

๋ฐ๋ธŒํ—ˆ๋ธŒ ์ปค๋ฎค๋‹ˆํ‹ฐ

Referencing Tags in React JS ๐Ÿ”ฅ๐Ÿ”ฅ

RoadsideCoder

2025. 3. 9.

0ํšŒ

#frontend
  • React JS์—์„œ ref๋ฅผ ์ด์šฉํ•˜์—ฌ ํŠน์ • ์ปดํฌ๋„ŒํŠธ์— ์ ‘๊ทผ ๊ฐ€๋Šฅ ๐ŸŽฏ
  • useEffect ํ›…์„ ์‚ฌ์šฉํ•˜์—ฌ ์ปดํฌ๋„ŒํŠธ ๋งˆ์šดํŠธ ์‹œ์ ์— ref ์ ‘๊ทผ ๋ฐ ํฌ์ปค์Šค ์„ค์ • โœจ
  • input ref.current๋ฅผ ํ†ตํ•ด DOM ์š”์†Œ์˜ ์†์„ฑ(focus ๋“ฑ) ์ œ์–ด ๊ฐ€๋Šฅ ๐Ÿ–ฑ๏ธ
  • ์ปดํฌ๋„ŒํŠธ ๋ Œ๋”๋ง ์งํ›„ ์ž๋™์œผ๋กœ ํŠน์ • input์— ํฌ์ปค์Šค ์„ค์ • ๊ฐ€๋Šฅ ๐Ÿ’ก
  • dependency ๋ฐฐ์—ด์„ ๋น„์›Œ ์ปดํฌ๋„ŒํŠธ ๋งˆ์šดํŠธ ์‹œ ํ•œ๋ฒˆ๋งŒ ์‹คํ–‰๋˜๋„๋ก ์„ค์ • ๐Ÿ”„

Recommanded Videos