Jieunny์˜ ๋ธ”๋กœ๊ทธ

[TS] useRef ์—๋Ÿฌ ๋ณธ๋ฌธ

Study/Error & refactoring

[TS] useRef ์—๋Ÿฌ

Jieunny 2023. 11. 8. 17:42

๐Ÿšจ๐Ÿšจ๐Ÿšจ๐Ÿšจ๐Ÿšจ๐Ÿšจ๐Ÿšจ๐Ÿšจ๐Ÿšจ๐Ÿšจ๐Ÿšจ๐Ÿšจ๐Ÿšจ

์‚ฌ๋žŒ์ด ๋ฏธ์ณ๋ฒ„๋ฆฌ๊ฒ ๋Š” useRef ์—๋Ÿฌ..

 

๐Ÿ“Œ  ์—๋Ÿฌ ๋‚ด์šฉ

- 'HTMLFormElement | null' ํ˜•์‹์˜ ์ธ์ˆ˜๋Š” 'string | HTMLFormElement' ํ˜•์‹์˜ ๋งค๊ฐœ ๋ณ€์ˆ˜์— ํ• ๋‹น๋  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
'null' ํ˜•์‹์€ 'string | HTMLFormElement' ํ˜•์‹์— ํ• ๋‹นํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
ts(2345)

- form ํƒœ๊ทธ์—์„œ useRef๋ฅผ ์จ์„œ ์ด๋ฉ”์ผ ์ „์†กํ•˜๋Š” ๊ธฐ๋Šฅ ts๋กœ ๋ฆฌํŒฉํ† ๋ง ํ•˜๊ณ  ์žˆ์—ˆ๋Š”๋ฐ ๋ฐœ์ƒํ–ˆ๋‹ค.

- form.current์—์„œ ๋นจ๊ฐ„์ค„ ๊ณ„์† ๋„์šฐ๋ฉด์„œ ์‹คํ–‰์ด ์•ˆ๋œ๋‹คโŒ

- useRef๋งŒ ์“ฐ๋ฉด ์—๋Ÿฌ๋ฅผ ๋งŒ๋‚˜๋Š” ๊ฒƒ ๊ฐ™์€๋ฐ ์™ค๊นŒ.. ๋‚ ์žก๊ณ  useRef๋งŒ ๊ณต๋ถ€๋ฅผ ํ•˜๋ผ๋Š” ๊ฑฐ๊ฒ ์ง€..์‘ใ…‡..

 

 

โœ๏ธ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

- ๊ตฌ๊ธ€๋งํ•ด์„œ ํ•˜๋ž€๋Œ€๋กœ ํ•ด๋„ ๋‹ค ์•ˆ๋˜๊ณ ..ใ… ใ… ใ… ใ… ใ… ใ… ใ… ใ… ใ… 

- ์ฐพ๋‹ค์ฐพ๋‹ค GPT๊ฐ€ ์•Œ๋ ค์ค€ ๊ฑธ ์—ฌ๊ธฐ์ €๊ธฐ ์ฐพ์•„๋ณด๊ณ  ์‹œ๋„ํ•ด๋ณธ๊ฑด ํƒ€์ž… ๋‹จ์–ธ

- tsํ•œํ…Œ ์Ÿค๋Š” string์ด๋ž‘ HTMLFormElement ํƒ€์ž…์ด์•ผ! ๋ผ๊ณ  ์•„์˜ˆ ์•Œ๋ ค์ค˜๋ฒ„๋ ธ๋‹ค.. ์ด๋ ‡๊ฒŒ ํ•ด๋„ ๋˜๋Š”๊ฑด์ง„ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ ์—๋Ÿฌ๊ฐ€ ํ•ด๊ฒฐ๋˜๊ธด ํ–ˆ๋‹ค ๐Ÿฅน