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

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

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

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

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

  • Observer Pattern
  • Flux architecture

4.13(๋ชฉ)

๊ณ ๋ฏผ ์‚ฌํ•ญ

1. Observer Pattern๊ณผ Flux Architecture

์ด ๋‘˜ ์ค‘ ์–ด๋–ค ๊ฑธ ์ด์šฉํ•ด์„œ component๋ฅผ ๊ตฌํ˜„ํ• ์ง€ ๊ณ ๋ฏผ์ด ๋œ๋‹ค. ์ผ๋‹จ MVC์—์„œ ์ข€๋” ์‰ฝ๊ฒŒ ๋ณ€ํ™”๋ฅผ ์ฃผ๊ธฐ ์œ„ํ•ด์„œ๋Š” MV๋งŒ์„ ๋‘๊ณ  ์ด ๋‘˜์„ Observer pattern์œผ๋กœ ๋ฌถ๋Š” ๊ฒŒ ๋” ์‰ฌ์šธ ๊ฒƒ ๊ฐ™๋‹ค. ๋จผ์ € Observer Pattern์œผ๋กœ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ตฌํ˜„ํ•˜๊ณ  ์ถ”ํ›„์— reducer์™€ dispatcher, action์„ ๊ฐœ๋…์„ ์„ž์–ด์„œ Flux Architecture๋กœ ๊ตฌํ˜„ํ•ด๋ณด์ž!

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

๋””์ž์ธ ํŒจํ„ด๊ณผ ์•„ํ‚คํ…์ณ๋ฅผ ์ง์ ‘ ์‚ฌ์šฉํ•ด๋ณด๋‹ˆ, ์™œ ์ด๋Ÿฐ ํŒจํ„ด๋“ค์ด ์ •ํ˜•ํ™”๋˜์–ด์„œ ๋‚จ์•„์žˆ๋Š”์ง€ ์•Œ ๊ฒƒ ๊ฐ™๋‹ค.

์‚ฌ์‹ค ์ง€๊ธˆ ํšŒ๊ณ ๊ธ€ ๋‚จ๊ธฐ๋Š”๋ฐ ๋„ˆ๋ฌด ์กธ๋ฆฌ๋‹คโ€ฆ

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

  • Observer Pattern์„ ํ†ตํ•ด Component์˜ ์—ญํ•  ์ค„์ด๊ธฐ
  • Flux Architecture์˜ store, reducer, action, dispatcher์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•œ ์ 

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

  • ์˜ต์ €๋ฒ„ ํŒจํ„ด, ํ”Œ๋Ÿญ์Šค ์•„ํ‚คํ…์ฒ˜ ์ ์šฉํ•ด๋ณด์ž!!!

์ฐธ๊ณ 

  • ์—†์Œ