react-redux
-
[React] Redux ๊ฐ๋ ์ ๋ฆฌTECH 2022. 3. 13. 02:04
โ๏ธ Redux๋? Redux๋ ์๋ฐ์คํฌ๋ฆฝํธ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค. ์ํ(state)๋ฅผ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ ์ ์๋๋ก ๋์์ฃผ๋ ๋๊ตฌ ์ค ํ๋์ด๋ค. โ๏ธ Redux ๊ธฐ๋ณธ ๊ฐ๋ 1. ์ก์ (Action) ์ํ๋ฅผ ๋ณ๊ฒฝํ๊ธฐ ์ํด์๋ ์ก์ ์ ํตํด ๋ณ๊ฒฝํด์ผ ํ๋ค. ์ก์ ์ ๊ฐ์ฒด ํ์์ผ๋ก ํํ๋๊ณ , type์ ํ์๋ก ๊ฐ์ง๊ณ ์์ด์ผ ํ๋ค. ์ต์ ์ผ๋ก ๋ค๋ฅธ ํ๋กํผํฐ๋ฅผ ๊ฐ์ง ์ ์๊ณ , ์ก์ ์ ํ์ํ ๋ถ๊ฐ์ ์ธ ๋ฐ์ดํฐ๋ฅผ ์ ๋ฌํ ๋ ์ฃผ๋ก ์ฌ์ฉํ๋ค. { type: 'ADD_MESSAGE', data: { id: 1 message: "๋ฆฌ๋์ค ๋ฐฐ์ฐ๊ธฐ" } } ๋ฉ์์ง๋ฅผ ์๋ก ์ถ๊ฐํ๋ ์ก์ ์ด๊ณ , ์๋ก์ด ๋ฉ์์ง์ ๋ํ ๋ถ๊ฐ์ ์ธ data๊ฐ ์ ๋ฌ๋๋ค. 2. ์ก์ ์์ฑ ํจ์(Action Creator) ์ก์ ์ ๊ฐ์ฒด ํ์์ผ๋ก ๋ฐ๋ก ๋ง๋๋ ๊ฒ์ด ์๋..