Redux์—์„œ Reducer ์‚ฌ์šฉ๋ฒ•

ยท React
Redux ๋ž€? Redux๋Š” ๋ฆฌ์•กํŠธ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ž…๋‹ˆ๋‹ค Redux๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ „์—ญ ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋Š” ์—ฌ๋Ÿฌ ์ปดํฌ๋„ŒํŠธ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์‰ฝ๊ฒŒ ๊ณต์œ ํ•˜๊ณ  ์—…๋ฐ์ดํŠธ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค๋‹ˆ๋‹ค Redux์˜ ํ•ต์‹ฌ๊ฐœ๋…์€ "store", "reducer", "action" ์ž…๋‹ˆ๋‹ค store์€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ „์—ญ์ƒํƒœ๋ฅผ ์ €์žฅํ•˜๋Š” ๊ฐ์ฒด์ด๋ฉฐ, action์€ ์ƒํƒœ๋ฅผ ์—…๋ฐ์ดํŠธ ํ•˜๊ธฐ ์œ„ํ•œ ๊ฐ์ฒด์ž…๋‹ˆ๋‹ค reducer์€ action์— ๋”ฐ๋ผ ์ƒํƒœ๋ฅผ ์–ด๋–ป๊ฒŒ ์—…๋ฐ์ดํŠธ ํ• ์ง€ ์ •์˜ํ•˜๋Š” ์ˆœ์ˆ˜ํ•จ์ˆ˜ ์ž…๋‹ˆ๋‹ค Redux๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ปดํฌ๋„ŒํŠธ์—์„œ store์— ์žˆ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ฝ๊ณ , action์„ dispatch ํ•˜์—ฌ ์ƒํƒœ๋ฅผ ์—…๋ฐ์ดํฌํ•˜๊ณ , reducer๋ฅผ ํ†ตํ•ด ์ƒˆ๋กœ์šด ์ƒํƒœ๋ฅผ ๋ฐ˜ํ™˜๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ์ด๋ฅผ ํ†ต..