Angular 5의 새로운 기능 :보다 쉬운 점진적인 웹 앱

https://www.infoworld.com/article/3213244/javascript/whats-new-in-angular-5-easier-progressive-web-apps.html

각도는 모바일 및 데스크톱 응용 프로그램을 구축하기위한 구글의 인기있는 자바 스크립트 프레임 워크는 , 지난 14 개월 동안 두 가지 주요 업그레이드와 함께, 험난한 한 해를 보냈습니다. 2017 년 11 월 1 일에 Angular 5.0.0이 도착하면서 다음 단계에 도달했습니다. 그러나 Google 기반의 프로그레시브 웹 앱 및 Material Design 기능에 대한 계획된 지원은 2017 년 11 월 말까지 출시 될 예정입니다. Angular 5.0.0 업그레이드 자체는 프레임 워크를 더 빠르고, 작고, 사용하기 쉽도록 만듭니다.

"5"지정에도 불구하고 AngularJS 업그레이드는 처음에는 AngularJS라고 불리우며 2012 년에 데뷔 한 프레임 워크의 네 번째 릴리스입니다. Angular 5의 릴리스는 예상보다 오래 걸렸으며 이전 릴리스 목표 인 9 월 18 일과 10 월 23 일에 누락되었습니다.

[InfoWorld에서만 : Angular에 대한 초보자 가이드를 오늘 시작하십시오 . | InfoWorld의 App Dev Report 뉴스 레터를 통해 프로그래밍에 대한 뜨거운 주제를 놓치지 마세요 . ]

주요 기능은 다음과 같습니다.

• 프로그레시브 웹 앱을 쉽게 제작할 수 있도록 강조 하므로 브라우저에 앱을 캐시 할 수 있습니다. 프로그레시브 웹 앱 개념 은 Google과 모질라 간의 공동 노력 의 산물이며 , 뛰어난 기본 환경을 제공하는 브라우저 기반 앱 개발을 가능하게합니다. Google은 여전히 ​​명령 줄 인터페이스 (CLI)에서 기능 지원을 구축하고 있습니다.
• 불필요한 코드를 제거하여 응용 프로그램을 더 작게 만드는 빌드 최적화 프로그램입니다. 빌드 최적화 도구는 명령 줄 도구입니다.
• 만들기 재료 디자인 구성 요소 서버 측 렌더링과 호환합니다. 이 기능을 공개하기 전에 몇 가지 버그를 수정해야합니다.
• 응용 프로그램의 서버 측 및 클라이언트 측 버전간에 코드 공유를위한 Angular Universal State Transfer API 및 DOM 지원
• 컴파일러가 점진적 컴파일을 지원하도록 향상되었습니다. 컴파일러는 빠른 재 작성을 위해 TypeScript 변환으로 작동합니다.
• 국제화 된 숫자, 날짜 및 통화 용 파이프. 이렇게되면 브라우저 간 표준화가 증가하고 i18n 폴리 필이 필요하지 않습니다.
• Polyfill을 더 제거하려면 ReflectiveInjector가 StaticInjector로 대체되었습니다. 따라서 대부분의 개발자는 응용 프로그램 크기가 줄어 듭니다.
• 구성 요소와 지시문에 대해 여러 이름이 지원되므로 사용자가 변경 사항을 적용하지 않고 마이그레이션하는 데 도움이됩니다.
• Angular 5에는 업데이트 된 Httpclient가 있습니다.
• 기본적으로 Angular 5 프로젝트를 생성하는 CLI 1.5.
• 각도 형태의 경우, 개발자에 대한 검증과 가치 업데이트 실행 blur하고 submit오히려 모든 입력 이벤트에 대한보다 더합니다.
• RxJS 반응 형 프로그래밍 라이브러리는 코드 분할 및 나무 떨림 문제의 부작용을 제거하는 연산자를 갖춘 버전 5.5.2 이상으로 업데이트되었습니다. 또한 RxJS는 ECMAScript 모듈을 사용하여 버전을 배포합니다. ECMAScript 모듈은 Angular CLI에서 기본적으로 가져옵니다.
• 실행중인 가드 시작부터 활성화 완료까지 라우터 사이클을 추적하기위한 라우터 훅이 추가되었습니다.

Angular 5는 제작 빌드 소스 맵에 문제가 있으며, 일부 맵은 정의되지 않은 오류의 원인이됩니다. 또한 Opaque Token과 같이 이전에 더 이상 사용되지 않는 많은 API가 제거되었습니다.

Angular 5는 점진적인 웹 앱을보다 쉽게 ​​만듭니다.

지금까지 Angular로 진행형 웹 앱을 지원하려면 개발자의 전문 지식이 많이 필요했습니다. Angular 5는 점진적인 웹 앱 지원을보다 쉽게하기위한 것입니다. "Google은 데스크톱 및 모바일 웹에서 대부분의 개발자가 기본 옵션으로 사용할 수 있도록 올바른 기본값 집합을 찾으려고합니다."라고 Google 엔지니어링 디렉터 인 Brad Green은 말합니다.

Angular 5로 업데이트하는 방법

Google은 이전 버전에서 Angular 5로 전환하는 방법에 대한 지침 을 제공 합니다.

각도 6은 수평선에 있습니다.

Angular 5에 이어 Google은 현재 출시 속도가 유지되는 경우 2018 년 3 월 또는 4 월에 Angular 6을 제공합니다. Google은 Angular 6이 Angular 5 테마를 반복 할 것이라고 강조했습니다. "더 쉽고 작고 빠르며 더 빠르게 버전 5를 테마로합니다. 우리는 버전 6에 대한 주제를 계속 유지하면서 [개발자]의 삶을 더 쉽게 만들어서 애플 리케이션 사용자에 대한 더 나은, "그린했다.

의존성 주입, HTML 템플릿이 핵심으로 남아 있습니다.

Angular의 판매 시점은 종속성 삽입을 포함 하고 있습니다. 특히 응용 프로그램 용 데이터 서비스를 어셈블하는 데 유용 하며 HTML 템플릿을 사용 하여 구성 요소를 작성하는 데 유용합니다 . 모든 후속 버전에서 이러한 기능이 주요 기능으로 남아 있습니다. 개발자는 여전히 프로그램의 필수 부분에 대한 TypeScript 코드에 연결되는 HTML 구성 요소를 사용하여 구성 요소를 작성합니다.

Google은 Angular가 개발에 "배터리 포함"접근법을 제공하고 있기 때문에 개발자가 어떤 국제화 라이브러리 또는 애니메이션을 사용할 것인지, 또는 HTTP 또는 양식을 수행하는 방법을 파악하지 않아도되므로 성공했다고합니다.

Angular의 버전의 역사

Angular 5는 2016 년 9 월 과 2017 년 3 월에 출시 된 버전 2 및 4의 릴리스를 버전 3 지정 에서 제외하고 자세히 보여줍니다 . (Angular의 라우터는 Angular 3이 출시 될 때까지 이미 버전 4에 도달했기 때문에 Google은 업그레이드 4를 Angular 4라고 부르기로했습니다 .)

최초 AngularJS JavaScript 개발 프레임 워크는 이미 개발자들에게 인기가 있었지만, Google은 더 나은 성능에 초점을 맞춘 2 세대를위한 재 작성을 수행했습니다. "우리는 이전 아키텍처에서 더 많은 성능을 얻을 수 없었습니다."라고 Green은 말했습니다. Angular 2는 Microsoft의 JavaScript 형식의 수퍼 스크립트 인 TypeScript에서 다시 작성되었습니다 . "TypeScript를 사용하면 소스 코드의 정적 분석을 수행 할 수 있습니다. 이것은 자바 스크립트에서 할 수없는 일이기 때문에 훨씬 더 예측 가능해진다 "고 말했다. 또한 TypeScript를 사용하면 Angular가 개발자에게 HTML 템플릿의 오류를 표시 할 수 있습니다.

Angular 2에 추가 된 또 다른 기능은 제작 코드와 출력 사이에있는 컴파일러였습니다. 이 컴파일러는 템플릿 렌더링의 생성을 최적화합니다. 코드는 자바 스크립트 가상 머신에서 최대 속도로 실행될 수 있습니다.

Angular 2는 훨씬 더 깨끗한 구성 요소 모델을 제공합니다. 웹 구성 요소와 같은 기술과의 상호 운용은 앵귤러 2에도 중점을 두었습니다.

한편 Angular 4는 뷰 엔진 개선 및 코드 생성 감소를 제공했습니다. Angular 4.3 업그레이드는 7 월에 출시되었으며 HTTP 요청을하기 위해 작고 사용하기 쉬운 라이브러리를 제공하는 HttpClient를 특징으로했습니다.

Angular 4.3에는 또한 @.disabled애니메이션을 조건부로 비활성화 할 수있는 속성 과 새 라우터 수명주기 이벤트가 있습니다. 4.0 버전 이후 Angular는 애니메이션을 향상시켜 부모 및 자식 요소를 페이지 전환 전체에 걸쳐 조정할 수 있습니다.