Angular4 업그레이드하기

기존, 개발 환경(2017/02/17 - [프로그래밍/언어 - PHP] - Laravel5 + Angular2 + Fuse-box 사용하기)에서 Angular4 로 업그레이드하였습니다.

(Angular2 에 대한 하위 호환성 및 좀 더 작고 빠른 것이 Angular 4 의 특징이라고 할 수 있습니다.)

먼저, Windows 에서

npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save

그리고, Linux 에서

npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest typescript@latest --save

와 같이 실행하면 현재 최신 버전인 4.0.0 의 angular 가 설치됩니다. 그리고 기존, 패키지에서 rxjs 도 최신 버전으로 업데이트하여야 합니다.

npm install rxjs@latest --save

이후, fuse-box 로 다시 컴파일하고 특별한 문제없이 잘 동작하는 것을 확인하였습니다.(그외, animations 패키지를 사용하였다면, 별도의 수정이 필요합니다. - http://angularjs.blogspot.kr/2017/03/angular-400-now-available.html)

일단, 전체적인 소감은 확실히 가볍고 빨라진 느낌이며~ 3을 건너 뛴 메이저 버전의 업그레이드임에도 불구하고 기존 Angular2 소스 마이그레이션은 최소화하여 거의 수정할 부분이 없습니다. 결론, 현재까지는 대만족입니다. ^^

앞으로의 로드맵도 좀 더 작고, 빠르게가 목표인거 같네요.