Angular

웹 프레임워크 및 기술
{{{#!wiki style="margin:0 -10px" {{{#!folding [ 펼치기 / 접기 ] {{{#!wiki style="margin:-5px 0px -10px; word-break:keep-all"	^$ 유료 포함 • ~~취소선~~ 단종 및 중단
<colbgcolor=#f6f6f9,#2f3241> 프론트엔드	<colbgcolor=#fcfcfd,#272935> CSS	Bootstrap • Tailwind CSS • Bulma • Foundation • Skeleton • Pico
	JSX	React • SolidJS • Astro • Preact • Gatsby • Remix • Inferno • Qwik
	JS	Angular • Svelte • Backbone.js • jQuery • Astro • htmx • Ember.js • Lit • 11ty • Marko • VanJS • Alpine.js
	Vue	Vue.js • VuePress • Gridsome • Quasar • Astro
	Python	Reflex
백엔드	Java	Spring • Struts • GWT • Grails • Jooby • Play! Framework^Scala
	Kotlin	Ktor
	JS	Express • NestJS • koa • Hono • fastify
	.NET	ASP.NET^$
	PHP	Laravel • Codeigniter • Reasonable • phalcon • Symfony • zend • CakePHP • FuelPHP • Yii • Slim • PHPixe
	Python	Django • Flask • FastAPI
	Ruby	Ruby on Rails • Sinatra
	Go	Gin • echo • Fiber
풀스택	JSX	Next.js • Astro • SolidStart • Remix • Qwik City
	JS	SvelteKit • Fresh • Astro • Marko
	Vue	Nuxt.js • Astro
	Java	Vaadin^$
	Python	Streamlit • Reflex
	Rust	Rocket • Actix • Leptos • Axum
하이브리드	.NET	Blazor
	Dart	Flutter
	Kotlin	Kotlin Multiplatform

}}}}}}}}} ||

<colbgcolor=#FFF,#1F2023><colcolor=#B52E31,#E23237> 앵귤러 Angular

종류	웹 프레임워크
라이선스	MIT 라이선스
개발
언어	JavaScript, TypeScript
버전	18.2.10
\| \| \|

1. 개요2. 구버전 AngularJS3. 신버전 Angular4. 구버전 AngularJS의 지원 중단

[clearfix]

1. 개요

하나의 프레임워크로 웹과 모바일을 동시에

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

2. 구버전 AngularJS

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

3. 신버전 Angular

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

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

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

4. 구버전 AngularJS의 지원 중단

2021년 12월 31일 부로 AngularJS[2]의 LTS 지원이 중단되었다.

[1] 좀더 정확히는, Angular 2가 나오면서 기존의 Angular 1.x를 AngularJS로 이름을 바꾸고, 새로운 Angular 2를 Angular 로 이름을 바꾸었다 https://www.angular.kr/guide/ajs-quick-reference [2] Angular가 아닌 AngularJS

Angular

1. 개요

2. 구버전 AngularJS

3. 신버전 Angular

4. 구버전 AngularJS의 지원 중단

분류