WIL 12์ฃผ์ฐจ

hyena_leeยท2023๋…„ 3์›” 6์ผ
0

WIL

๋ชฉ๋ก ๋ณด๊ธฐ
16/21
post-thumbnail

๐Ÿ—“๏ธ ๋ฐฐ์šด ๋‚ด์šฉ

  • CMARKET Redux
  • ์›นํ‘œ์ค€ & ์ ‘๊ทผ์„ฑ ๊ฐœ์„ 
  • SEO

๐ŸŒˆํšŒ๊ณ 

๋ฒŒ์จ 4๊ฐœ์›”์ด๋‚˜ ํ˜๋ €๋‹ค..์ •์ • ๋‚˜๋Š” ๋ฌด์—‡์„ ์ž˜ํ•˜์ง€?..๋ถ€์กฑํ•˜๊ณ  ๊ตฌ๋ฉ๋งŒ ๋ณด์ด๋Š”๋ฐ... ๊ธ‰ํ•  ์ˆ˜๋ก ๋Œ์•„๊ฐ€๋ผ๋Š” ๋ง๋„ ์žˆ์ง€๋งŒ ์ด๋ฒˆ ์บ ๋ธŒ ๋™๊ธฐ๋“ค ๋ณด๋ฉด ์ž ๋‹ค ์•ˆ์ž๊ณ  ์ •๋ง ์—ด์‹ฌํžˆ ํ•œ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ์ข€ ๋‹ฌ๋ฆฌ๋‹ค๊ฐ€ ๊ฐ๊ธฐ์— ๊ฑธ๋ฆฌ๊ณ  ๋‹ค์‹œ ํ•œ๋ฒˆ ์ˆจ์„ ๊ณ ๋ฅด๊ฒŒ ์‰ฌ๊ฒŒ ํ•œ๋‹ค. ์ด๋ฒˆ์ฃผ๋Š” ์ •๋ง ๋ฆฌ์•กํŠธ, ๋ฆฌ๋•์Šค ๊ณต์‹๋ฌธ์„œ๋ฅผ ํ›‘์–ด๋ณด๊ณ  ์‹œ๊ฐ„์ด ๋‚จ์œผ๋ฉด JS, TS ํ‹ˆํ‹ˆํžˆ ๊ณต๋ถ€๋ฅผ ๋‹ค์ง€๋„๋ก ํ•˜๊ฒ ๋‹ค. ๊ธฐ๋ณธ๊ธฐ๊ฐ€ ํƒ„ํƒ„ํ•˜์ง€ ๋ชปํ•˜๋‹ˆ ๋ถˆ์•ˆ๊ฐ์ด ํ•ญ์ƒ ์ง€์†์ด๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ธฐ์— ๋‹ค์‹œ ๋งˆ์Œ์„ ๋ถ™์žก๊ณ  ๊ฑธ์–ด๊ฐ€๋ณด๊ธฐ๋ก ํ•œ๋‹ค. ์ด๋ฒˆ ์„น์…˜3์—์„œ๋Š” ๋„คํŠธ์›Œํฌ ๋ฐ ์›น ํ‘œ์ค€ ๋ฒก์•ค๋“œ ์„ฑํ–ฅ์ด ๋งŽ์ด ์žˆ๋‹ค. ์–ด์ฉŒ๋ฉด ์‰ฌ์–ด๊ฐ€๋ฉด์„œ ๊ธฐ๋ณธ๊ธฐ ๋‹ค์ง€๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ง€๋ผ๊ณ  ํ•œ ๊ฒƒ ๊ฐ™์€๋ฐ ๊ฐœ๋…์ž์ฒด๊ฐ€ ์–ด๋ ต๊ณ  ๋„“์€ ๋ฒ”์œ„๋ผ ๊ณต๋ถ€ํ•  ์‹œ๊ฐ„์ด ๋งŽ๋‹ค. ์ด๋Ÿฌ๋‹ˆ ๊ธฐ๋ณธ๊ธฐ๋ฅผ ๋‹ค์งˆ ์‹œ๊ฐ„์ด ์—†๋‹ค. ์ •๋ง ์ž ๋„ ๋” ์ชผ๊ฐœ์•ผํ• ๊ฒƒ์ด๊ณ  ๋” ํ‹ˆํ‹ˆํžˆ ์ฒด๊ณ„์ ์œผ๋กœ ๋‹ค์‹œ ์‹œ๊ฐ„์„ ๊ฐ€์ ธ๋ณด์ž....

๐ŸŒณRedux ์ •๋ฆฌํ•˜๊ธฐ

  • Action(์•ก์…˜)์„ Store(์Šคํ† ์–ด)์— ๋ฐ”๋กœ ์ „๋‹ฌํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋‹ค.
  • Action(์•ก์…˜)์„ Reducer(๋ฆฌ๋“€์„œ)์— ์ „๋‹ฌํ•ด์•ผํ•œ๋‹ค.
  • Reducer(๋ฆฌ๋“€์„œ)๊ฐ€ ์ฃผ๋ฌธ์„ ๋ณด๊ณ  Store(์Šคํ† ์–ด)์˜ ์ƒํƒœ๋ฅผ ์—…๋ฐ์ดํŠธํ•˜๋Š” ๊ฒƒ์ด๋‹ค.
  • Action(์•ก์…˜)์„ Reducer(๋ฆฌ๋“€์„œ)์— ์ „๋‹ฌํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” dispatch() ๋ฉ”์†Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค.
  • Action(์•ก์…˜) ๊ฐ์ฒด๊ฐ€ dispatch() ๋ฉ”์†Œ๋“œ์— ์ „๋‹ฌ๋œ๋‹ค.
  • dispatch(์•ก์…˜)๋ฅผ ํ†ตํ•ด Reducer๋ฅผ ํ˜ธ์ถœํ•œ๋‹ค.
  • Reducer๋Š” ์ƒˆ๋กœ์šด Store ๋ฅผ ์ƒ์„ฑํ•œ๋‹ค.

profile
์‹ค์ˆ˜๋ฅผ ๋‘๋ ค์›Œ ๋ง๊ณ  ๊ณ„์† ๋„์ „ ํ•˜๋Š” ๊ฐœ๋ฐœ์ž์˜ ์—ฌ์ •!

0๊ฐœ์˜ ๋Œ“๊ธ€