-
[React.js] useMemo ํ
useMemo ํ
๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์ @useMemo@ ํ
์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. useMemo ํ
๊ฐ๋
์ปดํฌ๋ํธ์ ์ฑ๋ฅ ์ต์ ํ(Optimization)๋ฅผ ์ํด ์์ฃผ ์ฌ์ฉ๋๋ ํ
ํน์ ์ฐ์ฐ์ ๊ฒฐ๊ณผ๋ฅผ ๋ฉ๋ชจ์ด์ ์ด์
(Memoization)ํ์ฌ ์์กด์ฑ ๋ฐฐ์ด์ ์๋ ๊ฐ๋ค์ด ๋ณ๊ฒฝ๋์ง ์๋ ํ ํด๋น ์ฐ์ฐ์ ๋ค์ ์ํํ์ง ์๋๋ก ํ๋ค.๋ถํ์ํ ์ฌ์ฐ์ฐ์ ๋ฐฉ์งํ๊ณ ์ฑ๋ฅ์ ํฅ์์ํฌ ์ ์๋ค. ์ฌ์ฉ ๋ฐฉ๋ฒ์ฒซ ๋ฒ์งธ ์ธ์๋ ๋ฉ๋ชจ์ด์ ์ด์
ํ ๊ฐ์ ๋ฐํ(return)ํ๋ ํจ์์ด๋ค. (@computeExpensiveValue@).๋ ๋ฒ์งธ ์ธ์๋ ์์กด์ฑ ๋ฐฐ์ด(Dependency Array)๋ก, ์ด ๋ฐฐ์ด์ ๊ฐ๋ค์ด ๋ณ๊ฒฝ๋ ๋๋ง ๋ฉ๋ชจ์ด์ ์ด์
๋ ๊ฐ์ด ๋ค์ ๊ณ์ฐ๋๋ค.const memoizedValue = useMemo(() => computeE..
2024.09.20