Help
Angular는 SPA(Single Page Application) 개발을 위한 구글의 오픈소스 자바스크립트 프레임워크이다. 웹 애플리케이션은 물론 모바일 웹, 네이티브 모바일과 데스크탑 애플리케이션까지 프론트엔드 개발에 필요한 대부분의 기능을 갖추고 있다.
Angular는 MEAN 스택 중 프론트엔드를 담당하는 AngularJS의 후속 버전으로, 2014년 ng 컨퍼런스에서 처음으로 소개되었다. 2016년 Angular 2가 공개되었고 Angular 3를 건너뛰어, 2017년 3월에 Angular 4, 2017년 11월에 Angular 5 정식 버전이 공개되었다.
Angular는 AngularJS의 후속 버전이기는 하지만, 호환성이 전혀 없다고 보아도 무방하기 때문에, 완전히 새로운 프레임워크라고 생각하는 것이 좋다.
Table of Contents
AngularJS와 차이점 #
Angular와 AngulaJS의 차이점을 정리하면 아래와 같다.
- AngularJS의 Controller와 $scope 기반에서 Component 기반으로 전환되었다.
- 선택적 바인딩(one-way, two-way)을 지원하고 디렉티브와 서비스, 의존성 주입은 간소화 되었다.
- 주력 개발 언어로써 TypeScript를 도입하여 대규모 개발에 적합한 정적 타입과 인터페이스, 제네릭 등 타입 체크 지원 기능을 제공한다.
- ES6에서 새롭게 도입된 모듈, 클래스 등과 ES7의 데코레이터를 지원한다.
- Angular CLI라는 강력한 개발환경 지원 도구를 제공한다.
Angular는 AngularJS보다 배우기 쉽고, 성능은 향상되었으며, 애플리케이션 구조는 훨씬 단순해졌다.
Angular와 TypeScript #
Angular는 JS를 이용한 개발을 지원하기는 하지만, 최신 버전의 JS를 모든 브라우저가 지원하지는 않기 때문에, TypeScript를 이용하여 개발한 후, Babel이라는 Transpiler를 이용하여 모든 브라우저에서 호환 가능한 JS로 변환하는 방법을 권장한다.
TypeScript는 JS의 상위집합의 언어로서, 아래와 같은 특징을 가진다.
- OOP(상속, 인터페이스 등) 및 정적 타입을 지원한다.
- 기본형(num, string, boolean ..)을 지원한다.
- 어노테이션을 지원한다.
- 제네릭과 람다를 이용할 수 있다.
