-
[React.js] Thunk API (Redux Toolkit)
Thunk API (Redux Toolkit)๋ค์ด๊ฐ๋ฉฐ๋ฆฌ๋์ค ํดํท(Redux Toolkit)์ Thunk API์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. Thunk API๊ฐ๋
๋น๋๊ธฐ ์์
์ ๊ฐํธํ๊ฒ ์ฒ๋ฆฌํ ์ ์๋ ๋๊ตฌ๋ก, ์ฌ๋ฌ๊ฐ์ง ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ค.์ฃผ๋ก API ํธ์ถ๊ณผ ๊ฐ์ ๋น๋๊ธฐ ์์
์ ์ฒ๋ฆฌํ ๋ ์ฌ์ฉ๋๋ฉฐ, ์ก์
(Action)์ ๋์คํจ์น(Dispatch)ํ๊ณ ์ ํ๋ฆฌ์ผ์ด์
์ ์ํ๋ฅผ ๊ด๋ฆฌํ ์ ์๋ค. ๊ตฌ์ฑ๊ธฐ๋ณธ์ ์ผ๋ก 2๊ฐ์ ๋งค๊ฐ๋ณ์๋ฅผ ์ ๊ณตํ๋ค.@dispatch@์ก์
์ ๋์คํจ์นํ ์ ์๋ ํจ์๋น๋๊ธฐ ์์
์ ๊ฒฐ๊ณผ์ ๋ฐ๋ผ ๋ค๋ฅธ ์ก์
์ ๋ณด๋ผ ์ ์๋ค. @getState@ํ์ฌ ์คํ ์ด์ ์ํ(State)๋ฅผ ๊ฐ์ ธ์ค๋ ํจ์์ํ์ ๋ฐ๋ผ ๋ก์ง์ ๋ค๋ฅด๊ฒ ์ฒ๋ฆฌํ ์ ์๋ค. ์ฌ์ฉ ๋ฐฉ๋ฒ@createAsyncThunk@๋ฅผ ์ฌ์ฉํ์ฌ ๋น๋๊ธฐ ์ก์
ํฌ๋ฆฌ์์ดํฐ๋ฅผ ์์ฑ..
1
2024.09.28