ํ๋ก ํธ์๋?
Front-end. ์น ํ๋ก๊ทธ๋๋ฐ์ ํ ๋ถ์ผ. ๋ฐ๋๋ง์ ๋ฐฑ์๋.
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ ํ๋ก ํธ์๋, ๋ฐฑ์๋์ ์์ ํ ๋ถ๋ฆฌ ๊ตฌ์กฐ๋ฅผ ์งํฅํ๋ ์
๋ฌด ์คํ์ผ์ ๊ฐ๋ฐ ๋ฐฉ์์ผ๋ก์จ ํ๋ก ํธ๋จ์ ๋น์ง๋์ค ๋ก์ง๊ณผ ์ฌ์ฉ์ ์์ญ์ ๊ฐ๋ฐ์ ๋ด๋นํ๋ ์ฌ๋์ด๋ค. ์ด์ ๋ค๋ฅธ ๋ฐฉ์์ ์
๋ฌด ์คํ์ผ ์ง๊ตฐ์ผ๋ก๋ ์นํผ๋ธ๋ฆฌ์
(ui๊ฐ๋ฐ)์ ๊ฐ๋ฐ์(์๋ฒ ๊ฐ๋ฐ์)์ ์
๋ฌด ๋ถ๋ฆฌ ๋ฐฉ์์ด ์๋ค. ์ด ๊ฒฝ์ฐ๋ ์ฃผ๋ก ์๋ฒ์ฌ์ด๋๊ฐ ํด๋ผ์ด์ธํธ๋ฅผ ๊ฐ์ธ๋ ๋ฐฉ์์ด๋ค. MVC๋ก ์น๋ฉด View ๋ถ๋ถ์ ํด๋นํ๋ ์์ญ์ ๋งก๋๋ค.
- ์ถ์ฒ ๋๋ฌด์ํค
๊ทธ๋ ์ฃ , ์ ์ ๋ ๊ฒ ์ฒ๋ผ ํ๋ก ํธ์๋๋ ๊ฐ๋ฐ์๊ฐ ์๋ ์ฌ๋๋ค์ด ๊ฐ์ฅ ๋ง์ด ์ ํ๋ ๊ทธ ์นํ์ด์ง!! ์ฌ์ฉ์ ์ธํฐํ์ด์ค ๋ถ๋ถ์ ๋งํฉ๋๋ค.
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ก ์ผํ๊ธฐ ์ํด์๋ JavaScript, CSS, HTML ์ ๋ค๋ฃฐ ์ค ์์์ผ ํ๋ฉฐ
์ฝํ
์ธ ๋ฅผ ์นํ์ด์ง์ ๋ฐฐ์นํ๊ณ ๋ ์ด์์์ ์์ ์์ฌ๋ก ๋ค๋ฃฐ ์ค ์์์ผ ํฉ๋๋ค. ๐๐๐ป
๋ฐฑ์๋?
Back-end. ๋ฐ๋๋ง์ ํ๋ก ํธ์๋.
๋ฐฑ์๋ ๊ฐ๋ฐ์๋ ํ๋ก ํธ์๋, ๋ฐฑ์๋์ ์์ ํ ๋ถ๋ฆฌ ๊ตฌ์กฐ๋ฅผ ์งํฅํ๋ ์
๋ฌด ์คํ์ผ์ ๊ฐ๋ฐ ๋ฐฉ์์ผ๋ก์ ๋ฐฑ์๋์ DB์ API ์๋ฒ ๊ฐ๋ฐ์ ๋งก๋๋ค. ์ด์ ๋ค๋ฅธ ๋ฐฉ์์ ์
๋ฌด ์คํ์ผ ์ง๊ตฐ์ผ๋ก๋ ์นํผ๋ธ๋ฆฌ์
(UI ๊ฐ๋ฐ)์ ๊ฐ๋ฐ์(์๋ฒ ๊ฐ๋ฐ์)์ ์
๋ฌด ๋ถ๋ฆฌ ๋ฐฉ์์ด ์๋ค. ์ด ๊ฒฝ์ฐ๋ ์ฃผ๋ก ์๋ฒ์ฌ์ด๋๊ฐ ํด๋ผ์ด์ธํธ๋ฅผ ๊ฐ์ธ๋ ๋ฐฉ์์ด๊ณ , ์ ๋ฐ์ ์ธ ๋น์ง๋์ค ๋ก์ง์ ๊ฐ๋ฐ์๊ฐ ๋งก๋๋ค. MVC์์ Model, Controller๊ฐ ๋ฐฑ์๋์ ์๊ด์ด๋ค.
- ์ถ์ฒ ๋๋ฌด์ํค
๋ฐฑ์๋๋ API ๊ฐ๋ฐ, ํ๋ก ํธ์์ ์ ๋ฌํ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ๋ฃ๋ ๋ฑ ์ฌ์ฉ์๊ฐ ๋ณด์ง ์๋ ๋ท๋จ์ ์์ ์ ๋งํฉ๋๋ค.
๋ฐฑ์๋๋ก๋ ์ฌ๋ฌ๊ฐ์ง ์ธ์ด๊ฐ ์๋๋ฐ, ์ด ๊ฐ์์์๋ ์๋ฐ ์คํ๋ง ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ๋ค๊ณ ํฉ๋๋ค!
ํ๋ก ํธ์๋์ ๋ฐฑ์๋๋ ๋ฐ๋ก ๋จ์ด์ ธ์๊ฑฐ๋, ์ํ๊ด๊ณ๋ฅผ ์ด๋ฃจ๊ณ ์๋๊ฒ์ด ์๋๋๋ค.
ํ๋ก ํธ ์๋์ ๋ฐฑ์๋ ๋ชจ๋ ๋งค์ฐ ์ค์ํฉ๋๋ค. (๊ฐ๋.. ๋ฐฑ์๋๋ฅผ ๋ ๊ณ ๊ธ๊ธฐ์ ๋ก ์๊ฐํ๋ ๋ถ์ด ์ข
์ข
์ถํํ์ฌ..)
ํ์ ๋
์๋ค ํ์ดํ
!~~~~!!!!
