앵귤러제이에스 편집하기

=== Angular 1 ===

*기존에 [[자바스크립트]]로 코딩했던 $scope를 사용한다.

=== Angular 1. x ===

*[[컴포넌트]](Component)가 도입됐다.

=== Angular 2 ===

*처음으로 [[타입스크립트]](TypeScript)가 사용되고, 구성방식, 아키텍처 사용하는 툴 등의 변경으로 새로운 앵귤러(Angular.JS)가 됐다.

=== Angular 3 ===

*라우터 패키지 버전을 잘못 정렬해 Angular 4로 바로 넘어갔다.

=== Angular 4 ===

*새로운 [[프레임워크]]가 아닌 오류와 성능개선에 목표를 둔 버전(앵귤러 2와 하위호환 가능, 타입스크립트 상위호환 가능 등)이다.

**[[MVC]] 구조를 제공하므로, MVC 구조를 위한 코드를 작성할 필요가 없다.

**[[DOM]]을 선택하고 조작하는 자바스크립트 코드를 작성하지 않아도 된다.

**모델은 단순 자바스크립트 객체이고, setter, getter 함수를 작성할 필요가 없다.

**화면과 모델 사이의 [[양방향 데이터 바인딩]]을 지원하여, 서로를 동기화하는 코드를 작성할 필요가 없다.

**대부분의 MVC [[프레임워크]]는 기본 모델 클래스를 상속하여 모델 클래스를 만들지만, AngularJS는 그렇지 않다.

**모델의 데이터와 뷰 데이터가 양방향 데이터 바인딩이 되어, 모델이 바뀌면 뷰 데이터도 같이 변경되고 반대 경우에도 마찬가지로 동작한다.

**기본 [[HTML]]에서 제공하지 않는 복잡도가 높은 UI 컴포넌트(지도, 그래프, 정렬 가능한 테이블 등)를 <map>, <graph>, <tablesortable="true">와 HTML 태그로 만들 수 있게 해준다.

**위처럼 만들어진 UI 컴포넌트를 HTML 엘리먼트나 [[애트리뷰트]]를 이용해서 사용할 수 있게 해준다는 것이다.

**단위 테스트가 가능하고, 분리된 형태로의 개발이 가능하다.

**기존엔 DOM 조작과 이벤트 처리를 위해 자바스크립트가 HTML을 잘 알고 있어야 했고, 자바스크립트 개발자와 HTML&CSS 개발자가 분리되기 어려웠다.

**AngularJS는 자바스크립트가 HTML 구조를 알고 있을 필요가 없고, 뷰 코드와 로직 코드가 명확히 분리된다.

#학습 분량 : Angular는 여러 가지 언어를 제공하지만, 주력 언어는 [[타입스크립트]](TypeScript)이다. 그러므로 대부분의 Angular 앱은 타입스크립트(TypeScript)로 쓰여있으며, 이를 활용하기 위해서는 Angular가 지닌 여러가지 개념들을 알아야 하고, 그 개념들이 어떻게 TypeScript로 표현되는지도 알아야 한다.

#초기 로딩속도 : Angular로 만든 SPA의 초기 로딩속도는 다소 느린 편이다. 성능이 좋은 [[데스크탑]]이나 [[모바일]]에서는 큰 문제가 아니라고 생각할 수 있으나, 성능이 좋지 않은 모바일에서는 로딩 시간이 1초 이상 걸리기도 하므로 생각보다 큰 문제이다. 물론 초기화면이 로딩된 후 [[웹페이지]] 내에서의 이동은 매우 빠르다.

#검색엔진 인덱싱 : Angular로 만든 [[SPA]]를 제대로 인덱싱하지 못하는 크롤러가 생각보다 많아서, 모든 검색엔진에 검색되게 하기 위해서는 다른 방법을 사용해야 한다. SPA를 포기하고 서버 측에서 렌더링 할 수 있게 도와주는 Angular Universal을 사용하는 것도 방법의 하나다. 하지만 이러한 방법을 사용하게 되면, Angular를 사용해서 얻는 이점이 적어질 수밖에 없다.

 

{{프로그래밍|토막글}}