Angular 4 정식버전 릴리즈 (v4.0.0)

Angular.io

시멘틱 버저닝(Semantic Versioning)을 채택한 후 작년말에 v4.0.0-beta.0을 시작으로 beta.8 이후 rc.6까지 업데이트를 거쳐서 Angular v4.0.0 정식 버전이 2017.03.23일에 릴리즈 되었다. (CHANGELOG)

Angular Blog 에 올라온 “Angular 4.0.0 Now Available” 포스팅을 간단히 정리하였다.

참고로 route 버전 이슈로 Angular 3 은 건너 뛰게 되었다.


Smaller & Faster

Angular 4.0.0 은 2.x 버전과 대부분 호환되며 더 작고 빠르게 되었다. 각 컴포넌트의 코드가 약 60% 정도 줄었으며, 프로덕션 번들의 크기가 수백키로바이트 가량 줄었다.

*ngIf, *ngFor 향상

템플릿 바인딩 구문에서 if / else 구문을 사용할 수 있고, 로컬 변수를 할당 할 수 있다.

<div *ngIf="userList | async as users; else loading">
<user-profile *ngFor="let user of users; count as count"
[user]="user">
</user-profile>
<div>{{count}} total users</div>
</div>
<ng-template #loading>Loading...</ng-template>

Angular Universal 업데이트

서버렌더링을 위한 “@angular/platform-server” 업데이트

TypeScript 2.1 과 2.2 지원

TypeScript의 최신버전(v2.2)을 지원한다.

템플릿 용 소스맵 추가

템플릿 중 하나에서 오류가 발생하면 컨텍스트를 제공하는 소스 맵을 생성한다.


변경된 사항에 대한 자세한 내용과 beta, rc 버전을 통한 버그 수정 사항은 CHANGELOG블로그에서 확인가능하며 2.x 에서 4.0.0 으로 업데이트 하는 방법도 설명되어 있다.

테스트로 학습하고 있는 프로젝트를 4.0.0 으로 업데이트 했는데 문제없이 잘 실행되었다. Angular Update Guide 페이지를 통해서 버전별 업데이트 가이드를 확인할 수 있다.

업데이트 일정 계획에 대해서는 링크를 통해서 확인 가능하다.

추가) 이전에 작성한 “Angular CLI 로 프로젝트 시작하기”는 CLI 와 Angular 버전이 업데이트 되면서 내용을 추가하고 있다.

Angular CLI 로 프로젝트 시작하기(Angular 2, Angular 4)

Angular 5.1 & Angular CLI 1.6 릴리즈