230413(๋ชฉ)
๐ ์ฑ์ฅ์ผ์ง 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์ ๋ํด ๊ณต๋ถํ ์
์ค๋์ ๋ณด์ํ ์
- ์ต์ ๋ฒ ํจํด, ํ๋ญ์ค ์ํคํ ์ฒ ์ ์ฉํด๋ณด์!!!
์ฐธ๊ณ
- ์์