-
[React.js] React.memo()
React.memo()๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์์ ์ ๊ณตํ๋ ๊ณ ์ฐจ ํจ์(Higher-Order Component)์ธ @React.memo()@์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. React.memo()๊ฐ๋
๋ฆฌ์กํธ์์ ์ ๊ณตํ๋ ๊ณ ์ฐจ ํจ์(Higher-Order Component)ํจ์ํ ์ปดํฌ๋ํธ์ ๋ถํ์ํ ์ฌ๋ ๋๋ง์ ๋ฐฉ์งํ๋ ์ญํ ์ ํ๋ค.์ ๋ฌ๋ @props@๊ฐ ๋ณ๊ฒฝ๋์ง ์๋ ํ ํด๋น ์ปดํฌ๋ํธ๋ ๋ค์ ๋ ๋๋ง๋์ง ์๋๋ก ์ต์ ํ(Optimization)ํ ์ ์๋ค.@React.memo()@๋ ํจ์ํ ์ปดํฌ๋ํธ๋ฅผ ์ธ์๋ก ๋ฐ์, ๊ทธ์ ๋์ผํ ๋์์ ํ๋ ์๋ก์ด ์ปดํฌ๋ํธ๋ฅผ ๋ฐํํ์ง๋ง, ์ถ๊ฐ์ ์ผ๋ก @props@๊ฐ ๋ณ๊ฒฝ๋์๋์ง ํ์ธํ๋ ์ต์ ํ ์์
์ด ์ถ๊ฐ๋๋ค.@props@๊ฐ ๋ณ๊ฒฝ๋์ง ์์ ๊ฒฝ์ฐ, ๋ฉ๋ชจ์ด์ ์ด์
๋ ์ปดํฌ๋ํธ๋ ์ด์ ๋ ๋๋ง์์..
2024.09.18