์ด ๋ฌธ์์ ์๋ณธ์ ์ธ๋ถ ์ํค์์ ๊ฐ์ ธ์์ต๋๋ค.
์ต๊ทค๋ฌ Angular | |
์ข
๋ฅ | |
๋ผ์ด์ ์ค | |
๊ฐ๋ฐ | |
๋ฒ์ | 8.2 |
1. ๊ฐ์[ํธ์ง]
ํ๋์ ํ๋ ์์ํฌ๋ก ์น๊ณผ ๋ชจ๋ฐ์ผ์ ๋์์
AngularJS๋ ๊ตฌ๊ธ์์ ์ด์ฉ, ์ ์ง ์ค์ธ JavaScript ์น ํ๋ ์์ํฌ์ด๋ค. React, Vue.js์ ํจ๊ป ํ๋ก ํธ์๋ ์ผ๋์ฅ์ผ๋ก ๋ถ๋ฆฐ๋ค. Vue.js๊ฐ ์ผ๋ฐ์ ์ผ๋ก ํ๋ ์์ํฌ๋ผ๊ณ ๋ถ๋ฆฌ์ง๋ง ์ค์ ๋ก๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๊ฐ๊น์ด ๊ตฌ์ฑ์ธ๋ฐ ๋ฐํด, Angular์ ๊ฒฝ์ฐ ํ๋ก ํธ ๊ฐ๋ฐ์ ํ์ํ ๋ชจ๋ ์์๋ฅผ ๋ค ๊ฐ์ถ๊ณ ์๋ ํ๋ ์์ํฌ๋ผ๊ณ ํ ๋งํ๋ค. ์ด ์ ์ ์ฅ์ ์ด๋ฉด์ ๋จ์ ์ด๊ธฐ๋ ํ๋ฐ, ์ ์ค ๊ฐ์ฅ ๋ฌ๋ ์ปค๋ธ๊ฐ ๊ฐํ๋ฅด๋ค๋ ํ๊ฐ๋ฅผ ์ป๊ณ ์๋ค. ์ด ๋๋ฌธ์ธ์ง ์ธ๊ธฐ๋ ๋ค๋ฅธ ๋์ ๋นํด ๋ค์ ๋ฎ์ ํธ.
๋ฒ์ 1~2 ๋์ jQuery ๊ธ์ผ๋ก ๋น ๋ฅธ ์๋๋ก ์ฐ์ด๊ธฐ ์์ํ๋ค. ํ์ฌ๋ ๋ฒ์ 10๊น์ง ๋ฑ์ฅํ์์ผ๋ฉฐ Node.js ๋ฑ์ npm ์ค์น๋ฅผ ์ง์ํ๋ค. ๋ฒ์ 1.x๋ฅผ AngularJS, ๋ฒ์ 2 ์ด์๋ถํฐ Angular๋ก ์ง์นญํ๋ค.[1] Angular๋ AngularJS์ ๋ฌ๋ฆฌ TypeScript ๊ธฐ๋ฐ์ด๋ค. React๋ Vue.js์์๋ TypeScript๋ฅผ ์ธ ์ ์์ง๋ง ์ด๋๊น์ง๋ ์ต์ ์ธ ๋ฐ ๋ฐํด, Angular๋ ์ผ๋จ TypeScript๋ก ์ธ ๊ฒ์ ์ ์ ๋ก ํ๊ณ ์๋ค๋ ์ ์ด ์ฐจ์ด์ .
Angular๋ก ๋ง๋ค์ด์ง ์ฑ์ MVVM(Model-View-ViewModel) ํจํด์ ์ฑํํ๋ค. ์ ํต์ ์ธ MVC ๊ตฌ์กฐ์์ ์ปจํธ๋กค๋ฌ๊ฐ ๋ทฐ ๋ชจ๋ธ๋ก ๋์ฒด๋ ๊ตฌ์กฐ. ์ปจํธ๋กค๋ฌ์ ๋ฌ๋ฆฌ ๊ฐ ๋ทฐ์ ๋ทฐ ๋ชจ๋ธ์ด ๋ณด๋ค ๋ฐ์ ํ ๊ด๊ณ๋ก ์ด๋ฃจ์ด์ ธ ์๋ค.
[1] ๊ทธ๋์ Angular 2๋ผ๊ณ ๋ถ๋ฅด๊ธฐ๋ ํ๋ค.