Angular 11의 새로운 기능 > 시티즌 인사이트

본문 바로가기

시티즌 커뮤니티

시티즌 인사이트

IT&개발 정보 Angular 11의 새로운 기능

페이지 정보

작성자 GrapeCity 작성일 21-01-07 11:09 조회 880회 댓글 0건

본문

Angular 11의 새로운 기능


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 컴파일러와 동일하게 템플릿 내에서 제네릭 유형을 추론하는 기능을 제공합니다.


Angular 11-반복 가능한 문자열 유형 추론Angular 11-반복 가능한 문자열 유형 추론



업데이트 된 HMR (Hot Module Replacement) 지원


핫 모듈 교체(hot module replacement)는 모듈을 교체할 수있는 메커니즘입니다. 


Angular 11은 처음부터 HMR을 활성화하도록 CLI를 업데이트하여 ng serve를 실행할 수 있습니다.


ng serve --hmr


HMR이 활성화되면 확인 메시지가 표시됩니다. 


HMR은 개발 서버에서만 사용할 수 있습니다. 페이지를 새로 고치지 않고 앱을 실행하면 구성 요소, 템플릿 및 스타일에 대한 최신 변경 사항이 즉시 업데이트됩니다. 



향상된보고 및 ​​로깅


로그 및 보고서를 쉽게 읽을 수 있도록 CLI가 수정되었습니다. 

보고는 개발 중에 빌더 단계에서 수행됩니다.

Angular 11 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 제품 알아보기


  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2021 GrapeCity inc.