๐Ÿ“Œ ๋ฆฌ๋•์Šค(Redux)๋Š”ย ์˜คํ”ˆ ์†Œ์Šคย ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ์ผ์ข…์œผ๋กœ, state๋ฅผ ์ด์šฉํ•ดย ์›น ์‚ฌ์ดํŠธย ํ˜น์€ย ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ํ•ด์ค„ ๋ชฉ์ ์œผ๋กœ ์‚ฌ์šฉํ•œ๋‹ค.

Untitled

๐Ÿ“Œ Redux ํ™œ์šฉ

Untitled

store๋Š” state๋“ค์„ ์ €์žฅํ•ด์ฃผ๋Š” ์ฐฝ๊ณ  ์—ญํ• ์„ ํ•œ๋‹ค. React๋Š” ๋‹จ๋ฐฉํ–ฅ ํ†ต์‹ ๋งŒ์ด ๊ฐ€๋Šฅํ•˜๊ธฐ ๋•Œ๋ฌธ์— (์ฆ‰, ๋ถ€๋ชจ component์—์„œ ์ž์‹ component๋กœ๋งŒ props ์ „๋‹ฌ์ด ๊ฐ€๋Šฅํ•˜๊ณ  ํ˜•์ œ ๊ฐ„์˜, ์ž์‹์—์„œ ๋ถ€๋ชจ๋กœ ์ „๋‹ฌ์ด ๋ถˆ๊ฐ€ํ•˜๋‹ค.) store์— state๋ฅผ ์ €์žฅํ•ด๋‘๊ณ  ํ•„์š”ํ•  ๋•Œ, ๊บผ๋‚ด์„œ ์“ธ ์ˆ˜ ์žˆ๋Š” ๊ฐœ๋…์ด๋‹ค.

โŒ ๊ทธ๋Ÿฌ๋‚˜

Untitled

์ปดํฌ๋„ŒํŠธ๊ฐ€ store์˜ ๊ฐ’์„ ๋ฐ”๋กœ ๋ฐ”๊พธ๊ฑฐ๋‚˜ ์š”์ฒญํ•˜์ง€๋Š” ๋ชปํ•œ๋‹ค.

๐Ÿšฉ Action / useDispatch / Reducer / useSelector

Untitled