Angular 버전 목록 및 기록 – Angular 2,4,5,6,7,8
각도 버전의 역사
Angular 버전 출시 날짜는 다음과 같습니다.
- AngularJS로 알려진 Angular 버전 1.0은 Google에서 2010년에 출시했습니다.
- Angular 버전 2.0은 2016년 XNUMX월에 출시되었습니다.
- Angular 4.0은 2017년 XNUMX월에 출시되었습니다.
- Angular 5.0은 2017년 XNUMX월에 출시되었습니다.
- Angular 6.0은 2018년 XNUMX월에 출시되었습니다.
- Angular 7.0은 2018년 XNUMX월에 출시되었습니다.
- Angular 8.0은 2019년 XNUMX월에 출시되었습니다.
- Angular 9.0은 2020년 XNUMX월에 출시되었습니다.
- Angular 10.0은 2020년 XNUMX월에 출시되었습니다.
- Angular 11.0은 2020년 XNUMX월에 출시되었습니다.
- Angular 12는 2021년 XNUMX월에 출시됩니다.
- Angular 13은 2021년 XNUMX월에 출시됩니다.
- Angular 14는 2022년 XNUMX월에 출시됩니다.
Angular 버전 목록 및 기록
Angular 버전 기록을 자세히 살펴보겠습니다.
Angular 1의 역사
Angular 1이라고도 함 AngularJS와 하는 Java스크립트 오픈소스 프레임워크입니다. Google이 전적으로 소유한 단일 페이지 웹 앱을 위해 특별히 설계되었습니다. 2010년에 출시된 최초의 Angular 버전이었습니다.
Angular 2의 역사
Angular 2는 Angular 1의 완전히 구축되고 완성된 재작업 버전입니다. 모바일 장치와 호환됩니다. 또한 Angular 2는 ES5, ES6 또는 TypeScript Angular 2의 코드를 작성합니다.
Angular 4의 역사
앞서 논의한 것처럼 Angular 3은 Angular 팀에서 출시되지 않았습니다. Angular 4는 6년 2017월 4일에 출시되었으며 대부분의 애플리케이션과 호환됩니다. 그러나 Angular 2는 Angular 2와 크게 다르지 않으며 Angular XNUMX에 비해 더 나은 버그 수정 및 경고 기능을 제공합니다.
Angular 5의 역사
Angular five는 2017년 XNUMX월에 출시되었습니다. 이번 Angular 버전에는 이전 Angular에 비해 몇 가지 가장 큰 변화도 있었습니다. 이 버전에는 기본적으로 빌드 최적화 프로그램을 적용할 수 있는 Angular CLI로 생성된 빌드 최적화 프로그램이 있습니다. 이 외에도 API 및 DOM을 지원하는 Angular Universal State Transfer도 있습니다.
Angular 6의 역사
Angular 버전 6은 4년 2018월 XNUMX일에 출시되었습니다. 이는 기본 프레임워크보다는 툴체인에 더 초점을 맞춘 주요 릴리스입니다. Angular 요소, 구성 요소 개발 키트, Angular Material Starter 구성 요소, 라이브러리 지원 및 Tree Shakeable Provider는 이 버전에 추가된 몇 가지 새로운 기능입니다.
Angular 7의 역사
Angular 버전 7은 18년 2018월 3.1일에 출시되었습니다. 애플리케이션 성능, CDK, Angular Material Virtual Scrolling 관련 업데이트, 향상된 선택 항목 접근성 제공, 사용자 정의 요소에 대한 웹 표준을 사용한 콘텐츠 프로젝션 지원, Typescript 6.3, RxJS 관련 종속성 업데이트 10 및 노드 XNUMX.
Angular 8의 역사
Angular 버전 8은 28년 2019월 XNUMX일에 출시되었습니다. 이 업데이트는 모든 애플리케이션 코드, 지연 경로에 대한 웹 작업자의 동적 가져오기에 대한 로딩을 향상합니다. 그것은 또한 지원했다 TypeScript 3.4 및 Angular Ivy를 미리 보기로 선택 가능.
앵귤러JS란 무엇인가?
AngularJS와 기반으로 하는 오픈 소스 프런트엔드 웹 프레임워크입니다. Java동적 웹 애플리케이션을 빌드하는 스크립트입니다. 개발자가 사용할 수 있습니다. HTML 템플릿 언어로 사용하고 구문을 확장하여 다양한 애플리케이션 구성 요소를 만듭니다. 또한 데이터 바인딩 및 종속성 주입을 통해 코드 작성을 줄이는 데 도움이 됩니다.
AngularJS는 Misko Heavery에 의해 만들어졌습니다. 그는 HTML의 몰락을 처리하고 이전에는 수행되지 않았던 라이브러리의 아이디어와 모범 사례를 채택하기 위한 프레임워크를 구축했습니다.
AngularJS로 알려진 이 프레임워크의 첫 번째 버전은 2009년에 출시되었습니다. 그것은 오늘날의 프런트엔드 애플리케이션 개발의 기초를 마련했습니다. Angular JS는 최고의 단일 페이지 애플리케이션 개발 솔루션 중 하나였습니다. 점차적으로 널리 채택되어 매우 인기를 얻었습니다.
앵귤러JS의 특징
- A Java스크립트 MVW 프레임워크
- 태그, 속성, 표현식을 추가하여 HTML 지원 확장
- 손쉬운 이벤트 처리 가능
- 데이터 바인딩 지원
- 내장 템플릿 엔진 및 라우팅
- 양식 유효성 검사 및 애니메이션
- 의존성 주입
앵귤러2란 무엇인가?
각도 2 구성 요소 개념을 중심으로 구축된 AngularJS 버전입니다. Java스크립트 클래스. Angular JS를 출시한 후, Angular 팀은 Angular 2를 출시했습니다. 이는 원래 Angular 1 또는 AngularJS를 완전히 다시 쓴 것입니다. Angular 팀은 Typescript를 사용하여 처음부터 다시 썼습니다. 이는 웹 개발자에게 더 나은 성능을 제공합니다.
기타 개선 사항 및 조정 사항과 함께 많은 새로운 기능이 있습니다.
Angular 2의 몇 가지 중요한 기능은 다음과 같습니다.
- 현대적이고 빠르며 확장성이 뛰어난 프레임워크
- 웹, 모바일, 데스크톱 앱에 똑같이 유용한 프레임워크
- 웹 구성 요소 기반 아키텍처
- 계층적 종속성 주입 지원
왜 Angular 3이 아닌가?
Angular 2는 단일 저장소였습니다. @angular/package-name 규칙을 사용하여 각 패키지를 다운로드할 수 있습니다. 예를 들어 @angular/HTTP, @angular/router
모든 패키지 이름은 버전 2로 지정됐으나 라우터 패키지는 실수로 버전 3으로 지정됐다. 이에 개발팀은 Angular Router 버전과의 호환성을 유지하기 위해 Angular Version 3을 생략하고 직접 버전 4로 명명했다.
앵귤러4란 무엇인가?
각도 4 구축을 위한 웹 애플리케이션 프레임워크입니다. Java스크립트 애플리케이션. 지원합니다 TypeScript, 이는 다음과 같이 컴파일됩니다. JavaScript 브라우저에도 같은 내용이 표시됩니다. 또한 탐색 도구 모음, 자동 완성, 메뉴 및 기타 다양한 기능을 제공합니다. Angular 2을 완전히 다시 작성한 버전인 Angular 1와는 다릅니다.
Angular 4의 다른 기능은 다음과 같습니다.
- 생성된 번들 코드의 크기를 최대 60%까지 줄입니다.
- 애니메이션이 별도의 패키지 @angular/animations로 이동되었습니다.
- if/else 문 지원
- 이메일 검증기 지원
앵귤러5란 무엇인가?
각도 5 기반으로 하는 오픈 소스 웹 애플리케이션 프레임워크입니다. TypeScript. 이 버전에는 다음과 같은 많은 새로운 기능과 개선 사항이 있습니다. 의존성 주입, 선언적 템플릿, 엔드투엔드 도구 등. Angular 4에서 큰 변화를 가져오지 않습니다.
앵귤러 5의 특징:
- AOT를 기본값으로 설정
- 프로그레시브 웹 앱 구축이 더 쉬워졌습니다.
- 템플릿에서 유형 확인
- 국제화된 숫자, 날짜 및 환율 파이프 지원
- Httpclient 업데이트
- 구역 속도 개선
- 새로운 라우터 수명주기 이벤트
AngularJS와 Angular 2의 차이점
다음은 AngularJS와 Angular 2의 주요 차이점입니다.
각도 JS | 각도 2 |
---|---|
2010년 구글에서 출시. | 2016년 XNUMX월에 출시되었습니다. |
JavaSPA를 만드는 스크립트 기반 프레임워크. | AngularJS 버전을 완전히 다시 작성했습니다. |
여전히 지원되지만 더 이상 개발되지 않습니다. | Semantic Versioning으로 인해 정기적으로 출시되는 업데이트 버전입니다. |
AngularJS의 아키텍처는 MVC를 기반으로 합니다. | Angular 2의 아키텍처는 서비스/컨트롤러 기반입니다. |
AngularJS는 모바일 기반을 염두에 두고 개발되지 않았습니다. | Angular 2는 모바일 지향 프레임워크입니다. |
AngularJS 코드는 ES5, ES6 및 Dart만 사용하여 작성할 수 있습니다. | ES5, ES6, Typescript를 사용하여 Angular 2 코드를 작성할 수 있습니다. |
이제 범위가 끝난 컨트롤러를 기반으로 합니다. | 요즘에는 컨트롤러가 구성 요소로 대체되고 Angular XNUMX는 완전히 구성 요소 기반입니다. |
서비스에는 팩토리, 서비스, 공급자, 값 및 상수가 사용됩니다. | 클래스는 Angular2에서 서비스를 정의하는 유일한 방법입니다. |
클라이언트 측에서만 실행 | 클라이언트 측 및 서버 측에서 실행 |
ng-app 및 각도 부트스트랩 기능을 사용하여 초기화합니다. | bootstrapmodule() 함수는 초기화에 사용됩니다. |
Angular 2와 Angular 4의 차이점
Angular 2와 Angular 4의 주요 차이점은 다음과 같습니다.
각도 2 | 각도 4 |
---|---|
Angular 2를 사용하여 생성된 코드는 더 크고 파일 크기도 더 큽니다. | Angular 4.0은 번들 파일 크기를 60% 줄였습니다. 따라서 생성된 코드가 줄어들어 애플리케이션 성능을 가속화하는 데 도움이 됩니다. |
Angular XNUMX는 Angular JS와 이전 버전과 호환되지 않습니다. | Angular 2는 대부분의 애플리케이션에서 Angular XNUMX와 역호환됩니다. |
코드를 조정하기 위한 구체적인 비승인 단계는 없습니다. | 개발자가 코드를 조정할 수 있도록 적절한 비승인 단계가 있을 것입니다. |
Angular 2에는 애니메이션 기능이 제공되지 않습니다. | 애니메이션 기능은 @angular/core에서 가져와 해당 패키지에 포함됩니다. |
Angular 4와 Angular 5의 차이점
Angular 4와 Angular 5의 차이점은 다음과 같습니다.
각도 4 | 각도 5 |
---|---|
라우터 ParamMap 지원 | 새로운 라우터 수명주기 이벤트 |
NgComponentOutlet을 사용한 동적 구성요소 | 컴파일러 개선 |
TypeScript 2.4로 작동하는 이 버전의 경우 Java선택적 정적 타이핑, 인터페이스 및 클래스에 사용할 수 있는 스크립트 슈퍼셋 | Angular 5에는 도구와 같은 플랫폼 명령의 일부인 빌드 최적화 프로그램이 함께 제공됩니다. |
HTTP 요청 단순화 | HttpClient 기능으로 최적화 |
애니메이션 패키지 포함 | 국제화된 날짜 및 통화 |
요약
- AngularJS는 AngularJS를 기반으로 하는 오픈 소스 프런트 엔드 웹 프레임워크입니다. Java동적 웹 애플리케이션을 구축하는 스크립트.
- Angular 2는 컴포넌트 개념을 중심으로 구축된 AngularJS 버전입니다. Java스크립트 클래스. Angular JS를 출시한 후, Angular 팀은 Angular 2를 출시했는데, 이는 원래 Angular 1 또는 AngularJS를 완전히 다시 쓴 것입니다.
- 모든 패키지 이름은 버전 2로 지정됐으나 라우터 패키지는 실수로 버전 3으로 지정됐다. 이에 개발팀은 Angular Router 버전과의 호환성을 유지하기 위해 Angular Version 3을 생략하고 직접 버전 4로 명명했다.
- Angular 4는 웹 애플리케이션 프레임워크입니다. Java스크립트 애플리케이션. 지원합니다 TypeScript, 이는 다음과 같이 컴파일됩니다. Java스크립트를 작성하고 브라우저에 동일한 내용을 표시합니다.
- Angular 5는 다음을 기반으로 하는 오픈 소스 웹 애플리케이션 프레임워크입니다. TypeScript. 이 버전에서는 종속성 주입, 선언적 템플릿, 엔드투엔드 도구 등 많은 새로운 기능과 개선 사항이 이루어졌습니다.