[๊ธฐ์ ๋ฉด์ ] ์ ์ญ์ํ๊ด๋ฆฌ
2023. 8. 24. 17:42ใ๐ฅ๏ธ CS(Computer Science)/์ํํธ์จ์ด
์ ์ญ์ํ๊ด๋ฆฌ
: ์ ์ฒด ์ ํ๋ฆฌ์ผ์ด์ ์ ์ํ๋ฅผ ์ค์ ์ง์คํ๋ ๊ณณ์์ ๊ด๋ฆฌํ๋ ํจํด/๊ธฐ์ ๋ก, ์ฌ๋ฌ ์ปดํฌ๋ํธ ํน์ ๋ชจ๋ ๊ฐ์ ๋ฐ์ดํฐ ๊ณต์ ๋ฐ ์ ๋ฐ์ดํธ๋ฅผ ํธ๋ฆฌํ๊ฒ ํด์ค๋ค.
์ ์ญ์ํ๊ด๋ฆฌ ์ฃผ์ ๋ชฉ์
- ๋ฐ์ดํฐ๊ณต์
- ์ํ์ ์ผ๊ด์ฑ
- ์ํ ์ ๋ฐ์ดํธ ๊ด๋ฆฌ
- ์ ํ๋ฆฌ์ผ์ด์ ํ์ฅ์ฑ: ์๋ก์ด ์ปดํฌ๋ํธ ์ถ๊ฐ์ ์ ์ญ ์ํ๊ด๋ฆฌ๋ฅผ ํตํ ๋ฐ์ดํฐ๊ด๋ฆฌ
- ๋ก์ปฌ ์ํ์์ ๊ตฌ๋ถ: ๋ชจ๋๋ด๋ถ์ ๋ฐ์ดํฐ์ ์ ์ญ์์ ๊ณต์ ํ๋ ๋ฐ์ดํฐ๋ฅผ ๊ตฌ๋ถํ์ฌ ๊ด๋ฆฌ
์ ์ญ์ํ๊ด๋ฆฌ ์ข ๋ฅ
- Redux
- ์ค์ ์ํ ์คํ ์ด, action - reducer pattern์ผ๋ก ๋ฐ์ดํฐ ๊ด๋ฆฌ
- ์ํ์ ๋ถ๋ณ์ฑ์ ์ ์งํ๋ฉฐ ์ ๋ฐ์ดํธํจ
- ๋น๋๊ธฐ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ฃฐ ๋์ redux-thunk ๋ฑ์ ๋ฏธ๋ค์จ์ด๋ฅผ ์ฌ์ฉํจ
- Boilerplate ์ฝ๋๊ฐ ์์
- Recoil
- Facebook์์ ๊ฐ๋ฐํ React app์ ์ํ ์ํ๊ด๋ฆฌ library
- React Hook ๊ธฐ๋ฐ์ผ๋ก ๋์
- ์ปดํฌ๋ํธ ๋ด์์ ์ํ๋ฅผ ์ ์ํ๊ณ ์ ๋ฐ์ดํธํ์ฌ ์ง๊ด์ ์ด๊ณ ๊ฐ๋จํจ
- ์ํ๋ฅผ ์ง์ ์ปดํฌ๋ํธ์์ ์ฝ๊ณ ์ธ์ ์๊ณ , useRecoilState, useRecoilValue ๋ฑ์ ํ ์ผ๋ก ์ํ๋ฅผ ๋ค๋ฃธ
- ๋น๋๊ธฐ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ฃจ๊ธฐ ์ํ ๊ธฐ๋ฅ์ด ๊ธฐ๋ณธ์ ์ผ๋ก ์ ๊ณต๋จ
- Boilerplate ์ฝ๋๋ก๋ถํฐ ์์ ๋ก์
- Zustand
- React Hook ๊ธฐ๋ฐ์ผ๋ก ๋์.
- Boilerplate ์์
- ์ปดํฌ๋ํธ ๋ด์์๋ง ์ํ๋ฅผ ๊ณต์ ํ๊ณ ์ ๋ฐ์ดํธ
- ๋ด๋ถ Immer๋ผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉํ์ฌ ๋ถ๋ณ์ฑ ์ ์งํ๋ฉฐ ์ ๋ฐ์ดํธ๋ฅผ ํจ์จ์ ์ผ๋ก ์ฒ๋ฆฌ
'๐ฅ๏ธ CS(Computer Science) > ์ํํธ์จ์ด' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[๊ธฐ์ ๋ฉด์ ] useEffect (0) | 2023.08.29 |
---|---|
[๊ธฐ์ ๋ฉด์ ] useRef (0) | 2023.08.28 |
[๊ธฐ์ ๋ฉด์ ] Virtual DOM๊ณผ Real DOM (0) | 2023.08.24 |
[๊ธฐ์ ๋ฉด์ ] Redux (0) | 2023.08.22 |
[๊ธฐ์ ๋ฉด์ ] ์ํ๊ด๋ฆฌ๋ฅผ ํ๋ ์ด์ ์ ๋ฐฉ๋ฒ. (0) | 2023.08.21 |