MVC๋ผ๋ ๋จ์ด๋ฅผ ๋ณด์๋ง์ Section 2์์ ๋ฐฐ์ ๋ Flux๊ฐ ์๊ฐ๋ฌ์ต๋๋ค. ํ์ด์ค๋ถ์์ MVC์ ๋จ์ ์ ๋ณด์ํ๊ธฐ ์ํด ๊ฐ๋ฐํ ์ํคํ ์ฒ๊ฐ Flux์์ ๋ฐฐ์ ์ต๋๋ค. ๊ทธ๋์ MVC๊ฐ Flux๋ณด๋ค ์์ข์ ๊ฒ, ์๋ฐฉํฅ์ด ๋จ๋ฐฉํฅ๋ณด๋ค ์ ์ข์ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ๋๋ฐ ์ํฉ์ ๋ฐ๋ผ ์ฌ์ฉ๋๋ ๊ฒ ๊ฐ์ต๋๋ค.
Flux ๋ฐฐ์ ๋ ๋ TIL ์ ๋๋น
https://high-developer.tistory.com/53
TIL 42: [React] ์ํ ๊ด๋ฆฌ
์ค๋์ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค ํ๋์ธ Redux๋ฅผ ์ฌ์ฉํด์ Sprint๋ฅผ ๊ณต๋ถํ์ต๋๋ค. ์์ ๋งํ๋ ๊ฒ์ฒ๋ผ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ ์ญ ๋ฐ์ดํฐ๋ฅผ ๊ด๋ฆฌํด์ฃผ์ด props drilling์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์๊ฒ ํด
high-developer.tistory.com
MVC
MVC๊ฐ ์๊ฒจ๋๊ฒ ๋ ์ด์ ๋ ํ๋ก๊ทธ๋จ์ ๊ฐ๋ฐํ๋ค๊ฐ ์ ์ง๋ณด์๊ฐ ์ด๋ ค์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด์ ์ ๋๋ค.
MVC๋ ๋์์ธ ํจํด ์ค ํ๋์ ๋๋ค. ์ฌ๊ธฐ์ ๋์์ธ ํจํด์ด๋ ํ๋ก๊ทธ๋จ์ ๊ฐ๋ฐํ๋ ์ค์ ๋ฐ์ํ๋ ๋ฌธ์ ์ ๋ค์ ์ ๋ฆฌํด์ ์ํฉ์ ๋ฐ๋ผ ๋ฌธ์ ๋ค์ ํด๊ฒฐํ ์ ์๋๋ก ํน์ ํ ํจํด, ๊ท์ฝ, ํน์ ํ์์ ๋ง๋ค์ด ๋์ ๊ฒ์ ๋งํฉ๋๋ค.
์๋ ์ด๋ฏธ์ง๋ฅผ ๋ณด๋ฉด User๊ฐ Controller๋ฅผ ์กฐ์ํ๋ฉด Controller๋ Model๋ก๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ ์ค๊ณ , ๊ทธ ๋ฐ์ดํฐ๋ฅผ View์๊ฒ ์ ๋ฌํฉ๋๋ค. View๋ ๊ทธ ๋ฐ์ดํฐ๋ฅผ ๋ฐํ์ผ๋ก ์๊ฐ์ ์ผ๋ก ํํํด์ค๋๋ค.
Model
Model์ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ก๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๊ฐ๊ณ ์ค๊ฑฐ๋ ๋ฐ์ดํฐ ์์ฒด๋ฅผ ๊ฐ๊ณ ์์ต๋๋ค.
Controller์ ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ์ต๋๋ค.
View
์ ์ ๊ฐ ๋ณด๋ ํ๋ฉด์ ๋ณด์ฌ์ฃผ๋ ์ญํ ์ ํฉ๋๋ค.
Model์ด๋ DB์ ์ง์ ์ ์ธ ๊ต๋ฅ๋ ์๊ณ ๋จ์ํ Controller์ ๊ต๋ฅํฉ๋๋ค.
Controller
Model๊ณผ View๋ฅผ ์ด์ด์ฃผ๋ ์ญํ ์ ํฉ๋๋ค.
Controller๋ View์์ ์ผ์ด๋๋ ์ก์ ๊ณผ ์ด๋ฒคํธ์ ๋ํ ์ธํ์ ๋ฐ๊ณ , ์ผ๋ จ์ ๊ฐ๊ณต๊ณผ์ ํ์ Model์๊ฒ ๋๊ฒจ์ค๋๋ค.
Model์ ๊ทธ๊ฑธ ๋ฐ๊ณ ํ์ํ ๋ฐ์ดํฐ๋ฅผ Controller์๊ฒ ๋๊ฒจ์ฃผ๊ณ , ๋ค์ Controller๋ View๊ฐ ์ดํดํ ์ ์๋๋ก ์ฌ๋ฌ ๊ฐ๊ณต์ ๊ฑฐ์ณ์ View์๊ฒ ๋๊ฒจ์ค๋๋ค.
MVC ํจํด์ด ์๋์ผ๋ก ์ง์ผ์ง๋ 5๊ฐ์ง ๊ท์น
์์์ ์ค๋ช ํ Model, View, Controller์ ํน์ง์ ๊ณ ๋ คํ๋ฉด ์ถฉ๋ถํ ์ดํดํ ์ ์๋ ๊ท์น์ ๋๋ค.
- Model์ Controller์ View์ ์์กดํ์ง ์์์ผ ํ๋ค.
Model ๋ด๋ถ์ Controller์ View์ ๊ด๋ จ๋ ์ฝ๋๊ฐ ์์ผ๋ฉด ์๋ฉ๋๋ค. - View๋ Model์๋ง ์์กดํด์ผ ํ๊ณ , Controller์๋ ์์กดํ๋ฉด ์๋๋ค.
View ๋ด๋ถ์ Model์ ์ฝ๋๋ง ์์ ์์๊ณ , Controller์ ์ฝ๋๊ฐ ์์ผ๋ฉด ์๋๋ค. - View๊ฐ Model๋ก๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ ๋๋, ์ฌ์ฉ์๋ง๋ค ๋ค๋ฅด๊ฒ ๋ณด์ด์ฃผ์ด์ผ ํ๋ ๋ฐ์ดํฐ์ ๋ํด์๋ง ๋ฐ์์ผ ํ๋ค.
์๋ฅผ ๋ค์ด, ์๋์ ์ด๋ฏธ์ง์์ ๋นจ๊ฐ์ ๋ค๋ชจ๋ฅผ ์ ์ธํ ๋ถ๋ถ๋ง Model๋ก ๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ํ๋ค๋ ๋ป์ ๋๋ค. - Controller๋ Model๊ณผ View์ ์์กดํด๋ ๋๋ค.
- View๊ฐ Model๋ก๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ ๋, ๋ฐ๋์ Controller์์ ๋ฐ์์ผ ํ๋ค.
'TIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
TIL 54: [๋ฐ์ดํฐ๋ฒ ์ด์ค] MVC (0) | 2021.10.18 |
---|---|
TIL 53: [๋ฐ์ดํฐ๋ฒ ์ด์ค] MVC (0) | 2021.10.17 |
TIL 51: [๋ฐ์ดํฐ๋ฒ ์ด์ค] ๊ด๊ณํ ๋ฐ์ดํฐ๋ฒ ์ด์ค (0) | 2021.10.13 |
TIL 50: [๋ฐ์ดํฐ๋ฒ ์ด์ค] ๊ด๊ณํ ๋ฐ์ดํฐ๋ฒ ์ด์ค (0) | 2021.10.12 |
TIL 49: [๋ฐ์ดํฐ๋ฒ ์ด์ค] ๊ด๊ณํ ๋ฐ์ดํฐ๋ฒ ์ด์ค (0) | 2021.10.08 |