[include(틀:웹 프레임워크)]
||<-2><tablealign=right><tablewidth=350><tablebgcolor=#FFF,#1F2023><tablebordercolor=#1976d2><colbgcolor=#1976d2><colcolor=#fff>  {{{+1 '''앵귤러'''}}}[br]Angular ||
||<-2><#FFF,#1F2023><height=120> [[파일:Angular 로고.svg|width=90%]] ||
||<width=100> '''종류''' ||[[웹 프레임워크]] ||
|| '''라이선스''' ||[[MIT 라이선스]] ||
|| '''개발''' ||[[구글|[[파일:구글 로고.svg|height=20]]]] ||
|| '''언어''' ||[[JavaScript]] [[TypeScript]]||
|| '''버전''' ||16.2.3 ||
|| '''링크''' ||[[https://angular.io/|[[파일:홈페이지 아이콘.svg|width=20]]]] [include(틀:GitHub 로고,링크=angular/angular,크기=20)] [[https://www.youtube.com/angular|[[파일:유튜브 아이콘.svg|width=20]]]] [include(틀:트위터 로고,링크=angular,크기=20)] ||
[목차]
[clearfix]
== 개요 ==
> 하나의 프레임워크로 웹과 모바일을 동시에

Angular는 [[구글]]에서 운용, 유지 중인 --[[JavaScript|{{{#red JavaScript}}}]]-- [[TypeScript]] [[웹 프레임워크]]이다. [[React]], [[Vue.js]]와 함께 [[프론트엔드(프로그래밍)|프론트엔드]] 삼대장으로 불린다. React가 일반적으로 프레임워크라고 불리지만 실제로는 자바스크립트 라이브러리에 가까운 구성인데 반해, Vue.js와 Angular의 경우 프론트엔드 코드의 틀을 구성해 주는 프레임워크라고 할 만하다. Angular는 셋 중 가장 배우는데 시간이 오래 걸린다는 평가를 받고 있다. 이 때문인지 인기도 다른 둘에 비해 현저하게 낮은 편.

== 구버전 AngularJS ==
이름에 JS가 붙은 것을 기준으로 잘 구분해야 한다. 초창기 AngularJS 1.x까지는 JavaScript를 위한 프레임워크였으며, 구글의 [[빽]]에 힘입어 [[jQuery]] 급으로 빠르게 성장하였다.

== 신버전 Angular ==
신기술 동향을 잘 따라가며 앞서가는 구글답게, 버전 2에서 JavaScript 대신 [[TypeScript]]에 맞춰 기존의 프레임워크를 싹 다 갈아엎고 아예 새롭게 작성했다. 그렇게 이름에 있던 JS를 떼고 등장한 오늘날의 Angular는 AngularJS와 달리 [[TypeScript]] 기반이다. React나 Vue.js에서도 TypeScript를 쓸 수 있지만 어디까지나 선택사항인 데 반해, Angular는 일단 TypeScript로 쓸 것을 전제로 하고 있다는 점이 차이점. 또한 RxJS를 기본으로 지원하며 16버전부터는 Signal이라는 반응형 원시 값이라는 개념을 도입하여 반응형 프로그래밍에 대한 지원이 매우 좋은 편이다.

2023년 현재 버전 16까지 등장하였으며 [[Node.js]] 등의 [[npm]] 설치를 지원한다. 

Angular로 만들어진 앱은 [[MVVM]](Model-View-ViewModel) 패턴을 채택한다. 전통적인 MVC 구조에서 컨트롤러가 뷰 모델로 대체된 구조. 컨트롤러와 달리 각 뷰와 뷰 모델이 보다 밀접한 관계로 이루어져 있다.
[[분류:JavaScript]][[분류:웹 프레임워크]]

== 구버전 AngularJS의 지원 중단 ==
2021년 12월 31일 부로 AngularJS[* Angular가 아닌 AngularJS]의 [[LTS]] 지원이 중단되었다.
 * [[https://www.ciokorea.com/news/221444|관련기사]]
 * [[https://blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a|블로그]]