๐ํ๋์ jsํ์ผ์ initialState, action, reducer ๋ฅผ ๋ชจ๋ ๊ด๋ฆฌํ๋ ๊ฒ์ด ducks ํจํด์ ๊ธฐ๋ณธ!
(๋น๋ฐ์ด์ง๋ง ์ด๊ฑฐ ๋ด ๊ตฌ์กฐ์)
์ด๋ ๊ฒ ํ์ง ๋ง๋ผ์
จ๋ค.. ํ ํ์ผ์์ ๋ฃ๊ธฐ
์๋๋ฉด! RTK(reduc-toolkit) ์ฌ์ฉํ๊ธฐ
RTK(redux-toolkit)์ ์ฌ์ฉํ๋ฉด slice ์์ฒด๊ฐ initialState, action, reducer ๋ฅผ ๋ชจ๋ ํฉ์น ๊ฐ๋
์ด๋ผ ducks ํจํด์ ๋ณ๋๋ก ์๊ฐํ์ง์์๋ ๊ฐ์ ๋ก ๋ชจ๋๋ก ๊ตฌ์ฑ๋๋ค.
redux Store ์
์
๋งํฌ
์ฝ๋์ค๋ํซ์ด ํ์ํ๋ค๋ฉด ์ฌ์ฉํด๋ณด๊ธฐ
export const AddText=(payload)
์ด๋ ๊ฒ ํ์ง๋ง๊ณ
export const addText=(payload)
์ด๋ ๊ฒ ํ๊ธฐ! ์ปดํฌ๋ํธ๋ง PascalCase ์ฌ์ฉ
๊ฐ์ธ๊ณผ์ ํ๋๋ผ ๋๋ฌด ํ๋ค์๋ค,,,
์ฝ๊ฐ ์ํ๊ธฐ๊ฐ์ ์๋๋ฐ ์ํ๊ธฐ๊ฐ์ธ ๋๋์ด๋๊น ๋ชธ์ด์์,,
๊ทธ์น๋ง ํ์ดํ