์๋ณธ state๋ฅผ ์ง์ ์์ ํ์ง ์๊ธฐ!redux store ๋ฅผ ์ฌ์ฉํ๋ฉด ์ฃผ์ํ ์ ์ ์๋ณธ ๋ฐ์ดํฐ๋ฅผ ๋ณ๊ฒฝํ์ง ์์์ผํ๋ค๋ ๊ฒ์ด๋ค.action์ reducer์ ๋ณด๋ด์ฃผ์ด ์๋ก์ด state์ ๊ธฐ์กด state๊ฐ์ ๋ณต์ฌํ๊ณ ์๋ก์ด state ๊ฐ์ ๋ณ๊ฒฝํ์ฌ ์๋ก์ด ์คํ ์ดํธ๋ฅผ ๋ฐํ
react์์ redux store๋ฅผ ์ฌ์ฉํ ์ ์๊ฒ ํ๊ณ ์ฌ์ฉํ ์ปดํฌ๋ํธ์์ react-redux์ useSelector hook์ ์ฌ์ฉํ์ฌ data๋ฅผ ์ฝ์ด์ฌ ์ ์๋ค.useSelector hook ์ ์ด์ฉํด ์ฝ์ด์ค๋ฉด ํด๋น ์ปดํฌ๋ํธ๋ฅผ react-redux ๊ฐ ์๋์ผ๋ก
npx create-react-application redux-practicenpm i redux react-reduxsrc > store > index.jsindex.jsstore ์ด์ฉ์ด ํ์ํ ๋ถ๋ถ์ ์ ๊ณตํ๋ค.ํ์ง๋ง ํ๋ก์ ํธ์ ํ๋์ store๋ง ๋ง๋ค์ ์์ผ๋ ํ๋ก
์ฐ์ ๋ ์ค ํ๋๋ฅผ ์ ํํ๋ ๊ฒ์ด ์๋ ๋ ๋ค ํจ๊ป ์ฌ์ฉํ ์ ์๋ค.Complex Setup / Management: ํฐ ํ๋ก์ ํธ๋ฅผ ํ๋ ๊ฒฝ์ฐ ๋๋ฌด ๋ง์ Context Provider๋ฅผ ๊ฐ๊ฒ ๋๋ค.( ๋ณต์ก๋ ์์น )Perfomance: state ๋ณ๋ํ์๊ฐ ๋ง์ ๊ฒฝ์ฐ