- 2018 년 3 월 또는 4 월에 Angular 6
프레임 워크는 11 월 1 일 Angular 5 출시와 함께 다음 단계에 도달했습니다. 그러나 9 월 18 일과 10 월 23 일에 릴리스 된 두 개의 이전 릴리스 목표가 누락되어 예상보다 오래 걸렸습니다.
Google은 업데이트의 주제가 프레임 워크를 "빠르고, 작고, 사용하기 쉽도록 만드는 것"이라고 발표했습니다.
각 각도 업데이트에서 구현 된 변경 사항은 '실제 상황'에 따라 달라 지므로 구문이나 개발자가 실제로 코드를 작성하는 방식에 아무런 영향을 미치지 않습니다. 각도 2에 적용되는 모든 것은 4, 5, 6 및 그 이상에도 적용됩니다.
따라서 Angular 5는 완전히 새로운 틀로 생각해서는 안됩니다. 기본적으로 각도 4이며 성능을 향상시키는 몇 가지 추가 기능이 있습니다. 개발자는 Angular 4 응용 프로그램을 Angular 5로 업데이트하면 불편을 겪을 가능성이 거의 없음을 알게되어 기쁩니다.
이 글에서는 앵귤러 5에서 소개 된 몇 가지 주요 기능을 살펴보고 더 나은 성능을 제공합니다.
점진적인 웹 응용 프로그램
점진적 웹 응용 프로그램의 개념은 브라우저를 실행하는 브라우저와 상관없이 완벽한 원시적 사용자 환경을 제공하는 브라우저 기반 응용 프로그램 개발을 가능하게하는 것입니다. Angular 5의 주된 장점 중 하나는 이러한 응용 프로그램을보다 쉽게 만들 수 있다는 것입니다. 일부 개선이 이루어 지긴했지만 아직 완성되지 않았습니다. Angular 뒤에있는 팀의 최종 목표는 대부분의 개발자에게 점진적 웹 앱을 기본 옵션으로 만드는 것입니다. 향후 Angular 업데이트에서 프로그레시브 웹 응용 프로그램에 대한 향상된 지원을 기대해도 안전합니다.
빌드 최적화 도구
이 기능은 불필요한 코드를 제거하여 응용 프로그램을 더 작게 만듭니다. 앱의 일부를 '순수한'것으로 표시하고 나머지는 없애서이 작업을 수행합니다. 또한 컴파일러에 의해서만 사용되며 런타임에 실제로 필요하지 않기 때문에 응용 프로그램의 런타임 코드에서 데코레이터를 제거합니다. 이를 통해 더 작은 프로덕션 번들을 만들 수 있고 응용 프로그램 속도를 높일 수 있습니다.
사전 컴파일러 사용
AOT 컴파일러는 Angular 4보다 훨씬 빠르며 기본적으로 켜져 있습니다. 기본적으로 AOT 컴파일러는 브라우저가이를 다운로드하여 실행하기 전에 Angular TypeScript를 효율적인 JavaScript 코드로 변환합니다.
이는 런타임에 브라우저에서 가장 많은 Angular 개발자가 지금까지 사용해 왔던 응용 프로그램을 컴파일하는 Just-In-Time (JIT) 컴파일러와 다릅니다. AOT를 사용하면 렌더링 속도가 빨라지고 비동기식 요청이 줄어들며 다운로드 크기가 줄어들고 템플릿 오류도 더 빨리 감지 할 수 있습니다. 이로 인해 Angular 5는 개발과 생산 모두에서 더 빠릅니다.
각도 Universal 전송 API
Angular Universal은 Angular 응용 프로그램의 서버 측 렌더링을 제공하여 성능을 향상시킵니다. 버전 5에서는 응용 프로그램의 서버 측과 클라이언트 측 버전간에 코드를 더 쉽게 공유 할 수 있습니다. 'ServerTransferStateModule'이라는 새로운 모듈이 추가되어 HTTP를 통해 데이터를 가져 오는 프로세스가 최적화되었습니다. 예를 들어 서버에서 상태를 전송하면 앱이 클라이언트에 도달하면 두 번째 HTTP 요청을 할 필요가 없습니다.
파이프로 변경
파이프는 한 프로그램 프로세스에서 다른 프로그램 프로세스로 정보를 전송하는 기술입니다. 기본적으로 한 프로세스의 출력과 같은 매개 변수를 입력으로 받아들이는 다른 프로세스로 전달합니다.
Angular 5에서는 Number, Date 및 Currency 파이프가 여러 브라우저에서 표준화를 강화하고 polyfill에 대한 필요성을 없애기 위해 국제화되었습니다. 버전 5 이전에는 브라우저에서 숫자, 날짜 및 통화 형식을 제공했지만, 이제 Angular는 자체 구현을 사용하고 있습니다.
새로운 라우터 수명주기 이벤트
라이프 사이클 이벤트 (또는 '후크')를 사용하면 개발자가 구성 요소를로드 할 때 특정 시점을 지정할 수 있습니다. Angular 5를 사용하면 이제 라우터에서이 작업을 수행 할 수 있습니다. 이를 통해 실행중인 Guard의 시작부터 활성화 완료까지 라우터 사이클을 추적 할 수 있습니다.
RxJS 5.5 임포트
RxJS 반응 형 프로그래밍 라이브러리는 코드 분할 및 나무 떨림 문제의 부작용을 제거하는 연산자를 갖춘 버전 5.5.2 이상으로 업데이트되었습니다. 또한 RxJS는 ECMAScript 모듈을 사용하여 버전을 배포합니다. ECMAScript 모듈은 Angular CLI에서 기본적으로 가져옵니다.