ํ๋ก ํธ์๋/React
2024. 10. 31.
Redux ์์ ๋น๋๊ธฐ ์ํ ๋ณ๊ฒฝ ์ฒ๋ฆฌ์ Redux-thunk ๋ฅผ ์ด์ฉํด์ผํ๋ ์ด์
Redux๋ ๊ธฐ๋ณธ์ ์ผ๋ก ๋๊ธฐ์ ์ธ ๋ฐ์ดํฐ ํ๋ฆ์ ๋ค๋ฃจ๊ธฐ ์ํด ์ค๊ณ๋์๊ธฐ ๋๋ฌธ์, API ํธ์ถ ๊ฐ์ ๋น๋๊ธฐ ์์
์ ์ง์ ์ฒ๋ฆฌํ์ง ์๋๋ค.redux-thunk๋ Redux์์ ๋น๋๊ธฐ ์์
์ ๊ด๋ฆฌํ ์ ์๋๋ก ๋์์ฃผ๋ ๋ฏธ๋ค์จ์ด๋ผ๊ณ ํ๋ค. ๊ทธ๋ฐ๋ฐ Redux ์์ ๊ตณ์ด Redux-thunk ๋ฅผ ํ์ฉํ์ฌ ๋น๋๊ธฐ ์ํ ๋ณ๊ฒฝ ์ฒ๋ฆฌ๋ฅผ ํด์ผํ๋ ์ด์ ๊ฐ ๊ถ๊ธํด์ก๋ค. Redux ์ธ๋ถ์์ API ์์ฒญ์ ์ฃผ๊ณ ๋ฐ๊ณ , ๊ทธ ๊ฒฐ๊ณผ๋ง Redux๋ก ๋ณด๋ด์ด ์ํ๋ฅผ ์
๋ฐ์ดํธ (dispatch) ํด๋ ๋๋๊ฑฐ ์๋๊น? ์ฆ, ๋ค์๊ณผ ๊ฐ์ ์ฝ๋๋ฅผ ์์ฑํ๋ ๊ฒ๊ณผ ๋น๊ตํ์ ๋ Redux-thunk ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ์ด๋ค ์ด์ ์ด ์๋์ง ๊ถ๊ธํด์ก๋ค.// ์ปดํฌ๋ํธ์์ ๋น๋๊ธฐ ์์ฒญ๊ณผ ์ํ๋ฅผ ๋ก์ปฌ๋ก ๊ด๋ฆฌํ๋ ์์const MyComponent = () =>..
