-
[React.js] useImperativeHandle๊ณผ forwardRef
useImperativeHandle๊ณผ forwardRef๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์์ ์ฌ์ฉ๋๋ @useImperativeHandle@๊ณผ @forwardRef@์ ๋ํด ์์๋ณด์.@forwardRef@์ @useImperativeHandle@์ ์ปดํฌ๋ํธ ๊ฐ์ ์ฐธ์กฐ๋ฅผ ๋ค๋ฃจ๊ธฐ ์ํ ๋๊ตฌ์ด๋ค.์ด ๋๊ฐ์ง ๊ฐ๋
์ ์ดํดํ๋ฉด ์ปดํฌ๋ํธ ์ธ๋ถ์์ ๋ด๋ถ์ DOM ์์๋ ๋ฉ์๋์ ์ ๊ทผํ ์ ์๊ฒ ๋์ด, ๊ณ ๊ธ ์ปดํฌ๋ํธ ์ค๊ณ์ ์ ์ฉํ๋ค๊ณ ํ๋ค. forwardRef๊ฐ๋
๋ถ๋ชจ ์ปดํฌ๋ํธ๋ก๋ถํฐ ์ ๋ฌ๋ @ref@๋ฅผ ์์ ์ปดํฌ๋ํธ๊ฐ ๋ฐ์ ์ ์๊ฒ ํด์ค๋ค.@forwardRef@๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ์์ ์ปดํฌ๋ํธ์ @ref@๋ฅผ ์ ๋ฌํ ์ ์๋ค.@ref@๋ DOM ์์์๋ง ๋ถ์ผ ์ ์๋ค.ํ์ง๋ง @forwardRef@๋ฅผ ์ฌ์ฉํ๋ฉด, ๋ถ๋ชจ ์ปดํฌ๋ํธ๊ฐ ..
2024.05.21