๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Redux

 (1)
[React] ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ ๋ง›๋ณด๊ธฐ ์ƒํƒœ(state)๋ž€ UI์— ๋ฐ˜์˜ํ•˜๊ธฐ ์œ„ํ•ด ์œ ์ง€ํ•ด์•ผํ•  ๊ฐ’์ด๋‹ค. ๋ฆฌ์•กํŠธ์—์„œ๋Š” ์ปดํฌ๋„ŒํŠธ์— ์ €์žฅํ•œ ๋ฐ์ดํ„ฐ(์ƒํƒœ)๊ฐ€ ๋ณ€๊ฒฝ๋˜๋ฉด ๊ทธ์— ๋”ฐ๋ผ UI๊ฐ€ ์ž๋™์œผ๋กœ ๊ฐฑ์‹ ๋œ๋‹ค. ๋”ฐ๋ผ์„œ ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์ƒํƒœ๊ฐ’์„ ํšจ์œจ์ ์œผ๋กœ ๊ด€๋ฆฌํ•˜๊ณ  ์ƒํƒœ๊ฐ’์— ๋”ฐ๋ผ ํ™”๋ฉด์ด ๋ถˆํ•„์š”ํ•˜๊ฒŒ ์—…๋ฐ์ดํŠธ๋˜์ง€ ์•Š๋„๋ก ์ฃผ์˜ํ•ด์•ผ ํ•œ๋‹ค. ์ƒํƒœ๋Š” ๋‘๊ฐ€์ง€๋กœ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ ์ง€์—ญ์ƒํƒœ์™€ ์ „์—ญ์ƒํƒœ์ด๋‹ค. ์ง€์—ญ์ƒํƒœ์˜ ๊ฒฝ์šฐ useState๊ฐ™์ด ์ปดํฌ๋„ŒํŠธ ๋‚ด์—์„œ ํ›…์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์œ„ ๊ทธ๋ฆผ์ฒ˜๋Ÿผ ๋ฆฌ์•กํŠธ๋Š” ๋‹จ๋ฐฉํ–ฅ์˜ ํŠน์„ฑ์„ ์ง€๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ƒ์œ„ ์ปดํฌ๋„ŒํŠธ๋กœ ์ƒํƒœ๋ฅผ ์ „๋‹ฌํ•  ์ˆ˜ ์—†๊ณ , props๋กœ ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ๋กœ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋‹ค. ์ „์—ญ์ƒํƒœ๋Š” ์–ด๋–ค ํ๋ฆ„์— ์–ฝ๋ฉ”์ด์ง€ ์•Š๊ณ  ์ „์—ญ์—์„œ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•œ ์ƒํƒœ๋ฅผ ๋งํ•œ๋‹ค. ํ•˜๋‚˜์˜ ์ƒํƒœ๋ฅผ ์—ฌ๋Ÿฌ ๊ณณ์—์„œ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ ์–ด๋–ป๊ฒŒ๋“  ์ƒ์œ„์˜ ์ปดํฌ๋„ŒํŠธ์—์„œ props๋กœ ์ „๋‹ฌ..

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”