앵귤러 (애플리케이션 플랫폼)

앵귤러(Angular, Angular 2+ 또는 Angular v2 이상)[4][5]구글의 앵귤러 팀과 개인 및 기업 공동체에 의해 주도되는 타입스크립트 기반 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크이다. 앵귤러는 AngularJS를 개발한 동일 팀으로부터 완전히 다시 작성한 것이다.

앵귤러
개발자구글
발표일2.0 / 2016년 9월 14일(7년 전)(2016-09-14)[1]
안정화 버전
17.3.9[2] 위키데이터에서 편집하기 / 2024년 5월 15일(5일 전)(2024년 5월 15일)
미리보기 버전
12.2.0-rc.0 / 2021년 7월 28일(2년 전)(2021-07-28)[3]
저장소
프로그래밍 언어타입스크립트
플랫폼웹 플랫폼
종류자바스크립트, 싱글 페이지 애플리케이션 프레임워크
라이선스MIT 허가서
웹사이트angular.io

Angular와 AngularJS 간의 구조적 차이 편집

 
앵귤러 애플리케이션의 구조. 주요 빌딩 블록은 모듈, 컴포넌트, 탬플릿, 메타데이터, 데이터 바인딩, 디렉티브, 서비스, 의존성 인젝션이다.

앵귤러는 AngularJS의 재작성된 버전이다.

  • 앵귤러는 스코프(scope), 컨트롤러의 개념이 없으며 그 대신 구조적인 주요 특징으로서 컴포넌트 계층을 사용한다.[6]
  • 앵귤러는 각기 다른 식의 문법이 있으며 프로퍼티 바인딩에는 "[ ]"에 집중하고, 이벤트 바인딩에는 "( )"에 집중하는 식이다[7]
  • 모듈성(Modularity): 여러 핵심 기능이 모듈들로 이동되었다
  • 앵귤러는 마이크로소프트의 타입스크립트 언어의 사용을 권고하며 다음의 기능을 도입한다:
  • 타입스크립트ECMA스크립트(ES6)의 확대 집합이며 ECMA스크립트(예: 자바스크립트)와 하위 호환된다. 앵귤러는 또한 ES6를 포함한다:
  • 동적 적재
  • 비동기 탬플릿 컴파일
  • RxJS에 의해 반복 콜백(iterative callback) 제공. RxJS는 상태 표시 및 디버깅을 제한하지만 ngReact, ngrx 등의 반응적인 애드온으로 해결이 가능하다.
  • 지원
  • 앵귤러 애플리케이션을 서버에서 구동하는 기술인 Angular Universal 지원
  • 웹, 모바일, 데스크톱에 걸쳐 동작하는 자체의 현대 UI 컴포넌트인 Angular Material를 포함하고 있다

역사 편집

원래, 팀 차원에서 AngularJS의 재작성된 것은 "Angular 2"로 불렸으나 이는 개발자들 간에 혼동을 불러일으켰다. 이를 분명히 하기 위해 팀은 1.X 버전을 가리킬 때에는 AngularJS의 각 프레임워크로, 버전 2 이상을 의미할 때에는 "JS"가 빠진 "Angular"로 부르는 것이 좋겠다고 발표하였다.[8]

같이 보기 편집

각주 편집

  1. “Trigular, version 2: proprioception-reinforcement”. 《blogspot.com》. 2016년 9월 14일. 2017년 3월 12일에 원본 문서에서 보존된 문서. 2017년 3월 18일에 확인함. 
  2. “Release 17.3.9”. 2024년 5월 15일. 2024년 5월 20일에 확인함. 
  3. “angular/CHANGELOG.md”. 2021년 7월 28일에 확인함. 
  4. “r/Angular2”. 《reddit》. 
  5. “AngularJS and Angular 2+: a Detailed Comparison”. 2018년 4월 6일. 
  6. “Angular Docs”. 《angular.io》. 
  7. “What’s the difference between AngularJS and Angular?”. 《gorrion.io》. 2017년 9월 19일. 2018년 1월 28일에 확인함. 
  8. “Angular: Branding Guidelines for AngularJS”. 2018년 1월 9일에 원본 문서에서 보존된 문서. 2017년 3월 4일에 확인함. 

외부 링크 편집