Daily/Today I Learned

22.07.07_TIL

ํ˜ธ๋ฐ€์ด 2022. 7. 7. 16:54

๐Ÿ“Œ ์–ด์ œ ๋ฐฐ์šด ๋‚ด์šฉ์˜ React Redux๋ฅผ ์‚ฌ์šฉํ•œ ๊ณผ์ œ๋ฅผ ๋‹ค์‹œ ํ•œ๋ฒˆ ๋ณต์Šตํ•˜๋Š” ์ฐจ์›์—์„œ ํ‘ผ๋‹ค์Œ์— ํŒŒ์ผ์˜ ์ „์ฒด์ ์ธ ๊ตฌ์กฐ์— ๋Œ€ํ•ด์„œ ํŽ˜์–ด๋‹˜๊ณผ ํ•จ๊ป˜ ์ฐจ๊ทผ์ฐจ๊ทผ ๋œฏ์–ด๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ์Šต๋‹ˆ๋‹ค. ์ž‘์€ ์‡ผํ•‘๋ชฐ์—์„œ ๋ฌผ๊ฑด์„ ์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ๋‹ด๊ณ  ์‚ญ์ œํ•˜๋Š” ํŽ˜์ด์ง€์˜€์ง€๋งŒ ๋งŽ์€ state์™€ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์กด์žฌํ•˜์˜€๊ณ  ์–ด๋–ป๊ฒŒ ํ•˜๋‚˜ํ•˜๋‚˜ ์ž‘์€ ๋‹จ์œ„๋กœ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค์–ด์•ผ ํ•˜๋Š”์ง€์— ๋Œ€ํ•ด์„œ ๊ฐ์„ ์ตํžˆ๋Š” ์‹œ๊ฐ„์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์— ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๊ฒŒ ๋œ๋‹ค๋ฉด ๊ผญ ์ปดํฌ๋„ŒํŠธ ๋ถ„๋ฆฌ๋ฅผ ์ž‘์—… ๋‹จ์œ„๋กœ ๋‚˜๋ˆ ์„œ ์žฌ์‚ฌ์šฉ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ๋„๋ก ์ž‘์—…์„ ํ•ด์•ผ๊ฒ ๋‹ค๋Š” ๋งˆ์Œ๊ฐ€์ง์„ ๋‹ค์‹œ ์žก๋Š” ํ•˜๋ฃจ์˜€์Šต๋‹ˆ๋‹ค!!

 

๐Ÿ“— ์˜ค๋Š˜ ํ•™์Šตํ•œ ๋‚ด์šฉ

React-Redux

  • Action์„ ์ •์˜ํ•˜๋Š” ๊ณผ์ •์—์„œ Dispatch๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Action์•ˆ์—์„œ Reducer๋ฅผ ์‹คํ–‰ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๊ฒƒ์„ ๊นจ๋‹ฌ์•˜์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก  ํŒŒ์ผ์„ ์ง์ ‘ ๋ถ„ํ•ดํ•ด๋ณด๊ณ  Action์•ˆ์— Dispatch(Reducer)๊ฐ€ ์žˆ์–ด์„œ ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

 

๐Ÿ“˜ ์ถ”๊ฐ€๋กœ ๊ณต๋ถ€ํ•  ๋‚ด์šฉ

[udemy] React ์™„๋ฒฝ ๊ฐ€์ด๋“œ ๊ฐ•์˜ ๋ณด๊ธฐ (๋งค์ผ ์กฐ๊ธˆ์”ฉ ์ด๋ผ๋„ ๊พธ์ค€ํžˆ ๋“ฃ๊ธฐ)

React-Redux-toolkit ๊ณต๋ถ€ํ•ด๋ณด๊ธฐ

 

๐Ÿ“ ์ค‘์š”ํ•œ ๋‚ด์šฉ

  • Redux๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ƒํƒœ๊ด€๋ฆฌ๋ฅผ ํ•  ๋•Œ์—๋Š” ๊ผญ props๋“œ๋ฆด๋ง์ด ๋ฐœ์ƒํ•˜๋Š”์ง€ ํ™•์ธํ•˜๊ณ  ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค.
  • ๋“œ๋ฆด๋ง์ด ๋ฐœ์ƒํ•˜์ง€ ์•Š๊ณ  ์‚ฌ์šฉํ•˜๊ฒŒ๋˜๋ฉด Redux๋ฅผ ๋‚ญ๋น„ํ•˜๊ฒŒ ๋˜๋Š” ๊ฒƒ์ด๋‹ค.

 

'Daily > Today I Learned' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

22.07.11_TIL  (2) 2022.07.11
22.07.08_TIL  (0) 2022.07.08
22.07.06_TIL  (0) 2022.07.06
22.07.05_TIL  (0) 2022.07.05
22.07.04_TIL  (0) 2022.07.04