IT&개발 정보 Angular 11의 새로운 기능
페이지 정보
작성자 GrapeCity 작성일 2021-01-07 11:09 조회 6,166회 댓글 0건본문
관련링크
Angular 버전 11.0.0은 2020 년 11 월에 출시되었습니다. Angular 11 주요 릴리스는 CLI 및 구성 요소 프레임 워크를 포함하여 플랫폼 전반에 대한 업데이트를 제공합니다.
Angular 버전 11의 주요 기능은 다음과 같습니다.
- TypeScript 4.0으로 더 빠른 빌드
- 구성 요소 테스트 하네스 (Component Test Harnesses)
- ESLint 업데이트
- 업데이트된 언어 서비스 미리보기
- 업데이트된 HMR (Hot Module Replacement) 지원
- 향상된보고 및 로깅
- 자동 글꼴 인라인
더 빠른 빌드
Angular는 TypeScript 4.0을 사용하며 ngcc 업데이트와 같은 프로세스로 훨씬 더 빨라집니다. Angular 11은 이제 이전 버전보다 최대 4 배 더 빠릅니다.
구성 요소 테스트 하네스 |Component Test Harnesses
Angular 9와 달리 빌드할 수있는 더 많은 테스트 스위트(Test Suites)가 있는 Support API를 사용하여 테스트가 구성 요소와 상호 작용할 수 있도록합니다.
성능 향상, 새로운 API, 병렬 기능 및 자동 변경 감지 비활성화를 통해 테스트가 더 쉬워집니다. 테스트 내부의 비동기 작업을 사용하면 구성 요소 내에서 여러 비동기 상호 작용을 병렬로 실행할 수 있습니다.
단위 테스트 내에서 자동 변경 감지를 비활성화하여 수동 변경으로 감지 제어를 개선 할 수도 있습니다.
ESLint 업데이트
Angular는 항상 TSLint를 기본값으로 사용하여 linting을 구현했지만 TSLint는 이제 더 이상 사용되지 않는 작성자이므로 ESLint로 마이그레이션하는 것이 좋습니다.
Angular 11은 linting을 위한 새로운 기본 Angular 구현이며 TSLint에서 ESLint로 마이그레이션하는 3단계 방법을 제공합니다.
업데이트 된 언어 서비스 미리보기
코드 편집기에게, Angular 템플릿 내에서 완료, 오류, 힌트 및 탐색을 가져 오는 방법을 제공합니다.
TypeScript 컴파일러와 동일하게 템플릿 내에서 제네릭 유형을 추론하는 기능을 제공합니다.
업데이트 된 HMR (Hot Module Replacement) 지원
핫 모듈 교체(hot module replacement)는 모듈을 교체할 수있는 메커니즘입니다.
Angular 11은 처음부터 HMR을 활성화하도록 CLI를 업데이트하여 ng serve를 실행할 수 있습니다.
ng serve --hmr
HMR이 활성화되면 확인 메시지가 표시됩니다.
HMR은 개발 서버에서만 사용할 수 있습니다. 페이지를 새로 고치지 않고 앱을 실행하면 구성 요소, 템플릿 및 스타일에 대한 최신 변경 사항이 즉시 업데이트됩니다.
향상된보고 및 로깅
로그 및 보고서를 쉽게 읽을 수 있도록 CLI가 수정되었습니다.
보고는 개발 중에 빌더 단계에서 수행됩니다.
자동 글꼴 인라인
앱의 첫 번째 콘텐츠 페인트는 자동 인라인으로 설정되어 앱을 더욱 빠르게 만듭니다.
ng serve를 실행할 때 Angular는 프로젝트에 사용되거나 링크된 인라인 글꼴을 다운로드하여 훨씬 더 빠른 로드 시간을 제공합니다.
이 업데이트는 Angular 11에서 즉시 사용할 수 있습니다.
Angular 11로 업그레이드
GitHub에서 Angular 11 릴리스를 찾을 수 있습니다.
현재 Angular 설치를 업데이트하려면 다음 명령을 실행할 수 있습니다.
ng update @angular/cli @angular/core
GrapeCity Wijmo(위즈모)를 사용해보세요.
항상 그렇듯이 Wijmo(위즈모)는 Angular 11을 지원하며 Angular 1 (AngularJS)이 처음부터 시작되었습니다.
우리는 Angular 개발자에게 엔터프라이즈 급 애플리케이션을 구축 할 수있는 강력한 도구 세트를 제공하기 위해 최선을 다하고 있습니다.
지금 Wijmo와 함께 Angular 11 응용 프로그램을 사용하십시오.
> Wijmo 홈페이지 바로가기
> 더
많은 JavaScript 제품 알아보기
댓글목록
등록된 댓글이 없습니다.