Angular 9의 새로운 기능에 대해 알아보십시오.
게시 됨: 2022-01-02이 기사에서는 Angular 9의 새로운 기능에 대해 알아봅니다. 새 버전은 최근 2020년 2월 7일에 출시되었습니다.
8에서 9로의 윙윙거리는 변화가 거대한 단계처럼 보이지만 v9는 버그 수정도 포함된 놀라운 릴리스입니다.
그 외에도 이 기사에서 논의할 여러 가지 흥미로운 Angular 9 기능이 있습니다.
- Angular를 사용한 성숙한 개발
- Angular의 내장 기능
- 앵귤러 모바일과 아이비
- 각도 진단 개선 사항
- Angular 9의 유형 안전 및 DI
- 각도 벤치마크
Angular는 현재 모바일 및 웹 애플리케이션 개발을 위한 가장 필수적인 오픈 소스 프레임워크입니다.
구글에서 개발했습니다. Angular는 웹 응용 프로그램을 만드는 데 필요한 도구와 구성 요소를 포함하는 포괄적인 개발 프레임워크로 수년 동안 시장에 출시되었습니다.
Angular는 6개월마다 새로운 주요 버전이 출시되는 깔끔한 로드맵을 가지고 있습니다.
또한 Angular 팀은 API가 Angular 1에서 2로 변경되지 않거나 자주 변경되지 않도록 매우 잘 작동합니다.
JavaScript 및 TypeScript에서 지원하는 최신 기능과 모범 사례로 모든 것을 최신 상태로 유지하기 때문에 이는 놀라운 일입니다.
여기에서 이 기사에서는 대용량 파일이 다운로드 시간, 애플리케이션 성능 및 결과에 부정적인 영향을 미치는 것과 같이 이전 버전의 Angular를 손상시킨 문제 중 하나에 중점을 둘 것입니다.
우리가 집중할 또 다른 필수 기능은 Ivy 컴파일러입니다. Ivy와 Angular의 미래에서 Ivy의 중요성에 대한 포괄적인 아이디어를 얻을 수 있습니다. 최종 결과: 애플리케이션 성능 및 대규모 번들과 관련된 다양한 문제를 해결합니다.
또한 국제화 지원 및 선택기 없는 바인딩을 포함한 새로운 기능에 대한 논의가 있을 것입니다.
JavaScript 성능 및 번들에 대해 알아보기
과거 Angular 버전의 주요 문제점 중 하나는 JavaScript 번들에서 생성된 것과 동일한 앱의 큰 파일 크기입니다.
Angular를 Vue나 React 와 같은 다른 라이브러리와 비교 하면 Angular 앱 이 상대적으로 좋습니다.
실행 중에는 차이를 느끼지 못할 것입니다. Angular의 성능은 좋은 반면 간단한 앱도 크기 때문에 로드 시간이 많이 걸립니다.
JavaScript 번들의 크기는 다른 문제에 대한 노하우도 제공합니다. Angular는 개발 장비가 내장된 완전한 프레임워크이기 때문에 배울 것이 많지만 다른
JavaScript 라이브러리는 구성 요소에 더 중점을 둡니다.
Angular 팀은 과거 버전의 방대한 번들 파일로 인해 발생하는 문제를 완화하기 위해 무엇을 할 수 있나요?
Angular Ivy는 다양한 문제를 해결합니다.
Angular 8에 포함된 가장 필수적인 기능 중 하나는 옵트인 Ivy의 미리보기였습니다.
Ivy는 현재 완전히 새로운 렌더 파이프라인 및 새로운 내부 빌드입니다. 렌더러는 일반적으로 템플릿을 사용하여 Angular의 구성 요소에 입력한 지침을 취하는 엔진입니다.
또한 컴포넌트를 DOM(Document Object Model)을 변경하는 명령어로 변환하는 기능을 수행합니다.
Ivy 컴파일러는 숨겨져 있으며 Ivy와 함께 ViewEngine도 계승하지만 Angular로 작업하는 방식은 변경되지 않습니다. 그러나 이것은 Angular로 작업하는 방식을 변경하지 않습니다.
변경 사항은 생성 중인 코드에 상당한 영향을 미칩니다.
Angular 8 미리보기는 사용자가 Ivy를 쉽게 사용할 수 있도록 도와줍니다. Angular 9 튜토리얼과 함께 사용될 때 Ivy는 현재 표준 렌더러 중 하나입니다.
렌더러가 구현하기 쉽고 효율적이라면 더 많은 지침이 필요하지 않으므로 더 적은 수의 코드를 작성할 수 있습니다.
Ivy는 매우 적은 수의 JavaScript 번들을 제공하므로 Angular 번들과 관련된 모든 약점을 해결합니다.
또한 Ivy는 Angular 애플리케이션을 크기와 성능 면에서 완전히 새로운 수준으로 끌어올리기 때문에 전체 게임을 바꿀 것입니다.
Ivy는 Angular가 사용되는 방식을 절대 바꾸지 않지만 앱 생성의 전체 기술을 변경합니다.
Angular 팀은 Angular가 주입된 최신 JavaScript의 차등 로드 책과 같은 이니셔티브에 주의를 기울입니다.
이는 다양한 폴리필 번들이 함께 배포되고 개발됨을 의미합니다.
Angular Ivy를 사용한 애자일 모바일 앱
스마트폰과 다양한 장치는 전 세계 트래픽의 대부분을 차지합니다. 또한 많은 사람들이 인터넷 연결이 느린 위치에서 웹 페이지에 액세스합니다.
대부분의 개발자는 기존 앱을 수정하여 다운로드 가능한 도구의 크기를 줄이고 사용자 경험을 높일 수 있지만 이러한 변경은 비용이 많이 들고 어렵고 위험할 수 있습니다.
JavaScript 번들의 크기를 줄임으로써 Ivy는 개발 절차의 속도를 높이고자 하는 개발자에게 반가운 개선 사항이 됩니다.
각도 진단 개선 사항
이전에 Angular Compiler는 내부 API 진단과 TypeScript 진단을 모두 생성했습니다. 그러나 TypeScript 진단은 API 진단에서 구현되지 않은 현재 개선 사항의 이점을 얻었습니다.
여러 형식으로 작업하는 대신 Angular 7은 모든 Angular TypeScript 컴파일러 진단을 유사한 종류의 TypeScript 진단 형식으로 변환하여 프로세스를 완벽하게 매끄럽게 만듭니다.
최신 버전 9는 또한 DOM 바인딩을 확인하기 위해 스키마 레지스트리를 사용하여 앱이 잠재적인 문제를 피하는 것을 방지합니다.
게다가 일관된 템플릿 진단은 설명 오류 메시지 생성을 지원하는 데 유리합니다.
API 추출기의 업그레이드
Angular는 별도로 개발되는 다양한 소프트웨어 라이브러리에 의존합니다.
Angular 사용자는 잠재적인 버그를 놓칠 수 없으며 최신 기능이 라이브러리에 통합되어 있습니다.
이에 대한 응답으로 Angular 9는 API 추출기를 새로운 버전으로 업데이트합니다.
Angular는 Bazel을 소프트웨어 테스트 및 건물 자동화를 가능하게 하는 오픈 소스 장비로 사용합니다.
Bazel은 Angular 도구 모음에서 빌드 시간에 관여하는 도구입니다.
또한 계약 보고서를 생성하고 프로젝트의 내보낸 API 표면과 누락된 가시성 및 불일치를 감지하는 TypeScript 컴파일러 엔진의 이점을 제공합니다. API 문서를 생성합니다.
API 추출기와 같은 기능과 프레임워크를 효율적이고 생산적으로 만드는 언어 서비스에 대한 정기적인 개선으로 인해 이것은 전혀 흥미로운 업데이트가 아닙니다.
Angular의 미래에는 무엇이 있습니까?
Angular 9의 시작과 함께 커뮤니티는 소규모 응용 프로그램에서 고성능 응용 프로그램 및 상당한 개발자 경험에 이르기까지 이점을 얻을 수 있습니다.
또한 개발자는 보다 정확한 프로젝트 구조와 간결한 구문을 사용할 수 있습니다.
Angular 팀은 또한 APU에 큰 변화가 필요하지 않을 것으로 예상했습니다.
더 많은 사용 중단 및 구성 요소를 만드는 대체 방법이 있습니까?
미래에는 지시문과 구성 요소를 개발하는 데 더 많은 시간을 사용하는 데 더 많은 시간을 할애하고 함께 유지하는 데 더 적은 시간을 할애할 것입니다.
Angular 팀은 또한 일부 수정된 컴파일러 문제 및 모듈 패키징에 대한 몇 가지 권장 사항을 돕습니다.
이 과정에서 팀은 Angular 팀의 권장 사항에 따라 Ivy 컴파일러의 더 나은 구문 분석을 위해 축소된 Terser도 마이그레이션합니다.
AngularJS Mobile App Development 를 사용하여 모바일 앱도 빌드하고 싶다면 Elsner에 연락할 적기입니다.