Computer Programming/React
2023. 5. 17.
Redux ์์ํ๊ธฐ / ๊ธฐ๋ณธ ๊ตฌ์กฐ (Reducer, Subscribe, Dispatch๋?)
node.js๋ก redux ์คํํ๊ธฐ 1. Reducer function์ด๋? ๋ฆฌ๋์ ํจ์๋ ํ์ค ์๋ฐ์คํฌ๋ฆฝํธ ํจ์์ด๋ฉฐ ๋ฆฌ๋์ค ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ํด ํธ์ถ๋๋ค. ์ธํ์ ํญ์ 2๊ฐ์ ํ๋ผ๋ฏธํฐ(์ ์ ์ํ, ์ก์
)๋ฅผ ๊ฐ์ง๊ณ , ์๋ก์ด ์ํ์ ๊ฐ์ฒด๋ฅผ ์์ํ์ผ๋ก ๊ฐ๋ ์์ํ ํจ์์ด๋ค. (๊ฐ์ ์ธํ → ๊ฐ์ ์์ํ) ์ฆ, Inputs : Old State + Dispatched Action โฌ๏ธ Output : New State Object ๋ํ ๋ฆฌ๋์ ํจ์๋ Side effects ๋ฅผ ์์ฑํ์ง ์์์ผํ๋ค. ์๋ฅผ ๋ค๋ฉด, ์๋ฒ์ HTTP ์์ฒญ์ ๋ณด๋ธ๋ค๊ฑฐ๋ ๋ก์ปฌ ์ ์ฅ์์ ๋ฐ์ดํฐ๋ฅผ ๋ณด๋ด๋ ๋ฑ์ ์ฝ๋๋ ์์ด์ผ ํ๋ค. const redux = require('redux'); //node.js syntax (= import redux..
