๐ŸŽ„ ์„ฑ์žฅ์ผ์ง€ 4.0

์ฑ… ํ–‰๋ณตํ•œ ์ด๊ธฐ์ฃผ์˜์ž(์›จ์ธ ๋‹ค์ด์–ด)์˜ ๋‚ด์šฉ์— ์ž๊ทน๋ฐ›์•„ ์‹œ์ž‘ํ•˜๋Š” ์†Œ๋ฐ•ํ•œ ์„ฑ์žฅ๊ธฐ๋ก

์‚ด์•„์žˆ๋Š” ๊ฝƒ๊ณผ ์ฃฝ์€ ๊ฝƒ์€ ์–ด๋–ป๊ฒŒ ๊ตฌ๋ณ„ํ•˜๋Š”๊ฐ€?
์„ฑ์žฅํ•˜๊ณ  ์žˆ๋Š” ๊ฒƒ์ด ์‚ด์•„ ์žˆ๋Š” ๊ฒƒ์ด๋‹ค.
์ƒ๋ช…์˜ ์œ ์ผํ•œ ์ฆ๊ฑฐ๋Š” ์„ฑ์žฅ์ด๋‹ค!

๐ŸŒณ (1.0)ํ‚ค์›Œ๋“œ
์ตœ๋Œ€ํ•œ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ •๋ฆฌ, ์ถ”ํ›„์— ๋ณด๋ฉด์„œ ์Šค์Šค๋กœ ์„ค๋ช…
๐Ÿ‰ (2.0)๊ฒฝํ—˜ ์œ„์ฃผ๋กœ
๋‹จ์ˆœ ์ •๋ณด๋ฅผ ์ „๋‹ฌํ•˜๊ธฐ๋ณด๋‹ค ๋ฌด์—‡์„ ๋ฐฐ์› ๊ณ  ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ–ˆ๋Š”์ง€ ์งง๊ณ  ๊ฐ„๋‹จํ•˜๊ฒŒ ์ž‘์„ฑ
โ„๏ธ (3.0)์ •ํ•ด์ง„ ํ…œํ”Œ๋ฆฟ์— ๋งž์ถฐ์„œ
ํ‚ค์›Œ๋“œ, ๊ฒฝํ—˜ ๋ชจ๋‘ ์ข‹๋‹ค. ๋‹ค๋งŒ ๋งค์ผ ์ž‘์„ฑํ•˜๊ธฐ๋กœ ๋งˆ์Œ ๋จน์€๋งŒํผ ํ•ต์‹ฌ๋งŒ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ…œํ”Œ๋ฆฟ์„ ์ž‘์„ฑ
(3.1)230102๋ถ€ํ„ฐ ์‹œ์ž‘๋˜๋Š” ํ•™์Šต์— ๊ด€ํ•œ ๋‚ด์šฉ ์ถ”๊ฐ€
(3.2)230313๋ถ€ํ„ฐ ์ข€๋” ๊ฒฝํ—˜, ๊ฐ์ • ์œ„์ฃผ์˜ ๋‚ด์šฉ๋„ ๋‹ด๊ธฐ!
๐ŸŒพ (4.0)ํ•™์Šต ํ‚ค์›Œ๋“œ์—์„œ ์ตœ๋Œ€ํ•œ ๊ฐ„๋‹จํ•œ ์ •๋ณด ์ œ๊ณต, ๊ณ ๋ฏผ์—์„œ ๋‚ด ๊ฒฝํ—˜์„ ์ž์„ธํžˆ ์ ์ž!

๐Ÿ”‘ ์˜ค๋Š˜์˜ ํ•™์Šต ํ‚ค์›Œ๋“œ

  • MVC ํŒจํ„ด
    • Model(Store)
    • View
    • Controller(๋‚ด ๊ธฐ์ค€ Component)
  • Flux ํŒจํ„ด(์•„ํ‚คํ…์ณ)
    • Store
    • View
    • Action
    • Dispatcher

์ผ๋‹จ ๋‚ด๊ฐ€ ์ดํ•ดํ•œ ๋ถ€๋ถ„์€ MVC์™€ Flux๋Š” ์ƒ๋‹นํžˆ ๋‹ฎ์•„์žˆ๋‹ค๋Š” ๊ฒƒ. ๊ทธ๋ฆฌ๊ณ  MVC์—์„œ View -> Controller => Model ๋ถ€๋ถ„์„ Observer ํŒจํ„ด์œผ๋กœ ์ฒ˜๋ฆฌํ•œ ๊ฒŒ Flux ๊ฐ™๋‹ค. (๋ฌผ๋ก  ์ข€๋” ๋””ํ…Œ์ผํ•˜๊ฒŒ๋Š” ๋‹ค๋ฅด๊ฒ ์ง€๋งŒ..!)

๐Ÿ“ ์š”์•ฝ ๋ฐ ํ•˜๋ฃจ ๊ฐ„๋‹จ ํšŒ๊ณ 

์˜ค๋Š˜ ํ•˜๋ฃจ๋„ ๋ฏธ์…˜ ๊ตฌํ˜„ํ•˜๋Š๋ผ ๋„˜ ๋น ๋ฅด๊ฒŒ ๊ฐ”๋‹คโ€ฆ ์ฒ˜์Œ์— ๋ฏธ์…˜ ์„ค๊ณ„๋ฅผ ์ •๋ง ๋‹จ๋‹จํžˆ ํ•˜๊ณ ์ž ๋งˆ์Œ ๋จน์—ˆ๋˜ํ„ฐ๋ผ, ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ ธ๋‹ค. ๊ทผ๋ฐ ์ด์ œ ์ •๋ง ์•Œ๊ฒ ๋‹ค. ๊ธฐ๋ฐ˜์ด ๋‹จ๋‹จํ• ์ˆ˜๋ก ์ถ”ํ›„์— ์ฝ”๋“œ๋ฅผ ์งœ๋Š” ๊ฑด ๋” ์‰ฌ์›Œ์ง„๋‹ค. ์•„์ง ๋” ๋ฐฐ์šธ ๊ฒŒ ๋งŽ์ง€๋งŒ, ์ด๋ฒˆ ๋””์ž์ธ ํŒจํ„ด์„ ํ†ตํ•œ ์„ค๊ณ„๋Š” ์ •๋ง์ •๋ง ๋‚ด ๊ฐœ๋ฐœ ์ธ์ƒ์—์„œ ๋งŽ์€ ๋„์›€์ด ๋˜๋Š” ๊ณต๋ถ€์ธ ๊ฒƒ ๊ฐ™๋‹ค!!!

์˜ค๋Š˜์˜ ์ž˜ํ•œ ์ 

  • ๋๊นŒ์ง€ MVC ํŒจํ„ด์„ ๊ณ ์ˆ˜ํ•˜๋ฉด์„œ ์ ์  ์„ค๊ณ„์— ๋”ฐ๋ฅธ ์ฝ”๋“œ ์ž‘์„ฑ์— ์ต์ˆ™ํ•ด์ง€๊ณ  ์žˆ๋Š” ์ 

์˜ค๋Š˜์˜ ๋ณด์™„ํ•  ์ 

  • Flux ํŒจํ„ด!!! ๋„ˆ๋ฌด ์„ธ์„ธํ•œ ๋ถ€๋ถ„๋“ค์€ ์ผ๋‹จ ๋„˜์–ด๊ฐ€๊ณ  ๋‹ค์Œ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•ด๋ณด์ž!!!

์ฐธ๊ณ 

  • ์—†์Œ