State Management Document - dev-team-projects/DeliTalk GitHub Wiki

์ž‘์„ฑ์ž : ์ •ํ˜œ์˜


โš›๏ธ React์—์„œ์˜ ์ƒํƒœ ๊ด€๋ฆฌ

  • React์—์„œ ์ƒํƒœ(State) ๋Š” ์ปดํฌ๋„ŒํŠธ์˜ ๋™์ ์ธ ๋ฐ์ดํ„ฐ๋ฅผ ์˜๋ฏธํ•˜๋ฉฐ, ์‚ฌ์šฉ์ž์™€์˜ ์ƒํ˜ธ์ž‘์šฉ ๋˜๋Š” ๋น„๋™๊ธฐ ์ž‘์—… ๋“ฑ์„ ํ†ตํ•ด ๋ณ€๊ฒฝ๋  ์ˆ˜ ์žˆ๋Š” ๊ฐ’์„ ๋งํ•ฉ๋‹ˆ๋‹ค.

๐Ÿคทโ€โ™€๏ธ ์ƒํƒœ ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์จ์•ผํ•˜๋Š” ์ด์œ 

  • React์—์„œ ์ƒํƒœ๊ด€๋ฆฌ๋ฅผ ํ•˜๋Š” ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ๋ฒ•์€ ์ปดํฌ๋„ŒํŠธ์˜ state์™€ props๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.
  • ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ทœ๋ชจ๊ฐ€ ํฌ์ง€ ์•Š๋‹ค๋ฉด ๋‚ด๋ถ€ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ธ useContext,useReducer๋“ฑ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ๊ณ ๋ คํ•ด ๋ณผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ํ•˜์ง€๋งŒ ํ”„๋กœ์ ํŠธ ๊ทœ๋ชจ๊ฐ€ ์ปค์งˆ์ˆ˜๋ก ์ด ๋ฐฉ์‹๋งŒ์œผ๋กœ๋Š” ํ•œ๊ณ„๊ฐ€ ์ƒ๊น๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ๋‹จ๊ณ„๋งˆ๋‹ค ๋ช…์‹œ์ ์œผ๋กœ props๋ฅผ ๋„˜๊ฒจ์ฃผ์ง€ ์•Š์•„๋„ ์ปดํฌ๋„ŒํŠธ ํŠธ๋ฆฌ ์ „์ฒด์— ๋ฐ์ดํ„ฐ๋ฅผ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ํšจ์œจ์ ์ž…๋‹ˆ๋‹ค.