최근 수정 시각 : 2024-03-21 06:51:58

Angular

AngularJS에서 넘어옴
웹 프레임워크 및 기술
{{{#!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 • Next.js • SolidJS • Astro • Preact • Gatsby • Remix • Inferno • Qwik
JS Angular • Svelte • Backbone.js • jQuery • Astro • htmx • Ember.js • Lit • 11ty • Marko • VanJS • Alpine.js
Vue Nuxt.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
풀스택 JSX Next.js • Astro • SolidStart • Remix • Qwik City
JS SvelteKit • Fresh • Astro • Marko
Vue Nuxt.js • Quasar • Astro
Java Vaadin$
Python Streamlit • Reflex
하이브리드 .NET Blazor
Dart Flutter
Kotlin Kotlin Multiplatform
}}}}}}}}} ||

<colbgcolor=#FFF,#1F2023><colcolor=#B52E31,#E23237> 앵귤러
Angular
파일:Angular 로고.svg
종류 웹 프레임워크
라이선스 MIT 라이선스
개발 파일:구글 로고.svg
언어 JavaScript, TypeScript
버전 16.2.3
파일:홈페이지 아이콘.svg | 파일:GitHub 아이콘.svg 파일:GitHub 아이콘 화이트.svg | 파일:유튜브 아이콘.svg |
1. 개요2. 구버전 AngularJS3. 신버전 Angular4. 구버전 AngularJS의 지원 중단

[clearfix]

1. 개요

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

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

2. 구버전 AngularJS

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

3. 신버전 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 구조에서 컨트롤러가 뷰 모델로 대체된 구조. 컨트롤러와 달리 각 뷰와 뷰 모델이 보다 밀접한 관계로 이루어져 있다.

4. 구버전 AngularJS의 지원 중단

2021년 12월 31일 부로 AngularJS[1]의 LTS 지원이 중단되었다.
[1] Angular가 아닌 AngularJS

분류