๐ ์ด์ ๋ฐฐ์ด ๋ด์ฉ์ React Redux๋ฅผ ์ฌ์ฉํ ๊ณผ์ ๋ฅผ ๋ค์ ํ๋ฒ ๋ณต์ตํ๋ ์ฐจ์์์ ํผ๋ค์์ ํ์ผ์ ์ ์ฒด์ ์ธ ๊ตฌ์กฐ์ ๋ํด์ ํ์ด๋๊ณผ ํจ๊ป ์ฐจ๊ทผ์ฐจ๊ทผ ๋ฏ์ด๋ณด๋ ์๊ฐ์ ๊ฐ์ก์ต๋๋ค. ์์ ์ผํ๋ชฐ์์ ๋ฌผ๊ฑด์ ์ฅ๋ฐ๊ตฌ๋์ ๋ด๊ณ ์ญ์ ํ๋ ํ์ด์ง์์ง๋ง ๋ง์ state์ ์ปดํฌ๋ํธ๊ฐ ์กด์ฌํ์๊ณ ์ด๋ป๊ฒ ํ๋ํ๋ ์์ ๋จ์๋ก ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด์ผ ํ๋์ง์ ๋ํด์ ๊ฐ์ ์ตํ๋ ์๊ฐ์ด ๋์์ต๋๋ค. ๋ค์์ ํ๋ก์ ํธ๋ฅผ ํ๊ฒ ๋๋ค๋ฉด ๊ผญ ์ปดํฌ๋ํธ ๋ถ๋ฆฌ๋ฅผ ์์ ๋จ์๋ก ๋๋ ์ ์ฌ์ฌ์ฉ์ฑ์ ๋์ผ ์ ์๋๋ก ์์ ์ ํด์ผ๊ฒ ๋ค๋ ๋ง์๊ฐ์ง์ ๋ค์ ์ก๋ ํ๋ฃจ์์ต๋๋ค!!
๐ ์ค๋ ํ์ตํ ๋ด์ฉ
React-Redux
- Action์ ์ ์ํ๋ ๊ณผ์ ์์ Dispatch๋ฅผ ์ฌ์ฉํ์ฌ Action์์์ Reducer๋ฅผ ์คํ ํ ์ ์๋๋ก ํ๋ ๊ฒ์ ๊นจ๋ฌ์์ต๋๋ค. ๋ฌผ๋ก ํ์ผ์ ์ง์ ๋ถํดํด๋ณด๊ณ Action์์ Dispatch(Reducer)๊ฐ ์์ด์ ์๊ฐํ ์ ์์์ต๋๋ค.
๐ ์ถ๊ฐ๋ก ๊ณต๋ถํ ๋ด์ฉ
[udemy] React ์๋ฒฝ ๊ฐ์ด๋ ๊ฐ์ ๋ณด๊ธฐ (๋งค์ผ ์กฐ๊ธ์ฉ ์ด๋ผ๋ ๊พธ์คํ ๋ฃ๊ธฐ)
React-Redux-toolkit ๊ณต๋ถํด๋ณด๊ธฐ
๐ ์ค์ํ ๋ด์ฉ
- Redux๋ฅผ ์ฌ์ฉํ์ฌ ์ํ๊ด๋ฆฌ๋ฅผ ํ ๋์๋ ๊ผญ props๋๋ฆด๋ง์ด ๋ฐ์ํ๋์ง ํ์ธํ๊ณ ์ฌ์ฉํด์ผํ๋ค.
- ๋๋ฆด๋ง์ด ๋ฐ์ํ์ง ์๊ณ ์ฌ์ฉํ๊ฒ๋๋ฉด Redux๋ฅผ ๋ญ๋นํ๊ฒ ๋๋ ๊ฒ์ด๋ค.
'Daily > Today I Learned' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
22.07.11_TIL (2) | 2022.07.11 |
---|---|
22.07.08_TIL (0) | 2022.07.08 |
22.07.06_TIL (0) | 2022.07.06 |
22.07.05_TIL (0) | 2022.07.05 |
22.07.04_TIL (0) | 2022.07.04 |