| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
- ์์คํธ๋ฆฌ
- ์๊ณ ๋ฆฌ์ฆ
- node.js ์ด๊ธฐ์ค์
- ์ฐจ๋ฑํ๋ผ์ด๋ฒ์
- ์ปค๋ฐ๋ฉ์์ง ๋ณ๊ฒฝํ๊ธฐ
- ์์์ปค๋ฐ ์๋ฐฉํฅ ์ฌ๋ฐฐ์น ์ค๋ฅ
- server๋น๊ต
- ์ ๋ก์ท-์์ท-ํจ์ท
- vercel
- JavaScript
- ๋ด๋๋ด์ฐ
- html
- css
- map()ํจ์
- props {}
- react_useeffect
- react_usereducer
- react_usememo
- branch ํฉ์น๊ธฐ
- ์๋ฐ
- js
- ์น๊ฐ๋ฐ๊ณต๋ถ
- DB
- ์ฝ๋ฆฐ์ด
- C++
- React
- react_usecallback
- ๋ฏธ๋์ด์ฟผ๋ฆฌ
- ์น๊ฐ๋ฐ
- java
- Today
- Total
๋ชฉ๋กreact_usememo (1)
Soony's House
[React] useMemo (ft. ์ฌ์ฐ์ฐ ์ต์ ํ)
๐ก์ต์ ํ ์ฝํ ๋ฅผ ์ค๋นํ๋ฉด์๋, ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ํ๋ฉด์๋ ํญ์ ์ ๊ฒฝ์จ์ผํ๋ค๊ณ ๋๋ํ ๋ค์ ์ฝ๋ ์ต์ ํ.. ! ๋๋ฅ.. ๋ฆฌ์กํธ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ ๋ ์ญ์ ๋ง์ฐฌ๊ฐ์ง์ด๋ค. ๋ฆฌ์กํธ์์๋ '๋ ๋๋ง๊ณผ ์ฐ์ฐ'์ด ์ฑ๋ฅ์ ํฐ ์ํฅ์ ๋ฏธ์น๋ค.ํนํ, ์ํ( state) ๊ฐ ๋ณ๊ฒฝ๋ ๋๋ง๋ค ๋ถํ์ํ ์ฐ์ฐ์ด๋ ๋ ๋๋ง์ด ๋ฐ๋ณต๋๋ฉด ์ ์ฒด ์ฑ๋ฅ์ด ์ ํ๋ ์ ์๋ค. ๋ฆฌ์กํธ ์ต์ ํ๋ฅผ ์ํด ์ง์ํด์ผํ ์์๋ค์ ์๋์ ๊ฐ๋ค. 1. ๋ถํ์ํ ๋ ๋๋ง2. ์ปดํฌ๋ํธ ๋ด๋ถ์ ๋ถํ์ํ ์ฐ์ฐ3. ์ปดํฌ๋ํธ ๋ด๋ถ์ ๋ถํ์ํ ํจ์ ์ฌ์์ฑ ์ด์ค useMemo ํ ์ React์ ๋ถํ์ํ ์ฐ์ฐ์ ๋ง์ ์ต์ ํํ๋ค. ๐กuseMemo : ํน์ ์ฐ์ฐ์ ๊ฒฐ๊ณผ๋ฅผ ๋ฉ๋ชจ์ด์ ์ด์ (memoization) ํ์ฌ ๋ถํ์ํ ์ฐ์ฐ(์ฌ์ฐ์ฐ)์ ๋ฐฉ์งํ๋..