๐ฌ
React ๋ฐฑ๊ณผ์ฌ์ ๐
December 13, 2022
Context
- ์ ์ญ ์ํ๋ฅผ ๊ด๋ฆฌํ๊ธฐ ์ํด ์ฌ์ฉ
์ฌ๋ฌ ์ปดํฌ๋ํธ์ ์ ๋ฌํด์ค์ผ ํ๋ props์ ๊ฒฝ์ฐ(ex. ํ
๋ง, ์ธ์ด) context๋ฅผ ์ด์ฉํ๋ฉด ๋จ๊ณ๋ง๋ค ๋ช
์์ ์ผ๋ก props๋ฅผ ๋๊ฒจ์ฃผ์ง
์์๋ ์ฌ๋ฌ ์ปดํฌ๋ํธ๊ฐ ์ด ๊ฐ์ ๊ณต์ ํ ์ ์๋ค.
Redux์์ ์ฐจ์ด
- ๋ฏธ๋ค์จ์ด (Middleware)
reducer์์ ์ฒ๋ฆฌ๋๊ธฐ ์ , ์ํ๋ ์์
์ ์ํํ ์ ์๋ค.
ex. ํน์ ์ก์
์ ๋ฌด์ํ๊ฑฐ๋ ์ก์
์ด ๋ฐ์ํ์ ๋ ๋ก๊ทธ๋ฅผ ์๋ ๋ฑ
2. ์ ์ฉํ ํจ์์ ํ
useSelector, useDispatch, useStore์ ๊ฐ์ ํ
์ ํตํด ์์ฝ๊ฒ ์ํ๋ฅผ ์กฐํํ๊ฑฐ๋ ์ก์
์ ๋์คํจ์นํ ์ ์๋ค.
3. ํ๋์ ์ปค๋ค๋ ์ํ
redux๋ ๋ชจ๋ ๊ธ๋ก๋ฒ ์ํ๋ฅผ ํ๋์ ๊ฐ์ฒด์ ๋ฃ์ด ์ฌ์ฉํ๋ ๊ฒ์ด ํ์์ด๋ค.