difference between angular versions
다양한 Angular 버전 간의 차이점 이해 : AngularJS Vs Angular 2, Angular 1 vs Angular 2, Angular 2 vs Angular 4 및 Angular 5 Vs Angular 6
우리는 탐구했다 AngularJS를 사용하여 SPA 개발 이전 튜토리얼에서. 이 튜토리얼은 Angular 버전 간의 차이점에 대해 자세히 설명합니다.
거의 10 년 동안 개발 영역에서 일해 온 사람으로서 기술이 어떻게 발전했는지 보았습니다. 프론트 엔드 기술의 경우도 마찬가지입니다. HTML과 CSS가 업계를 지배하던 시절이있었습니다.
하지만 오늘은 좋은 기술없이 AngularJS , 프론트 엔드 개발자로서 좋은 직업을 얻을 수 없습니다. 우리의 읽기를 놓치지 마세요 초보자를위한 AngularJS 튜토리얼 시리즈 .
블록 체인 기술과 새로운 블록 체인 기반 프로젝트의 출현으로 AngularJS에 능숙한 개발자에 대한 수요가 크게 증가했습니다.
학습 내용 :
Angular 및 AngularJS 정보
이 소개는 Angular에 대해 잘 모르는 사람들에게 매우 유용합니다.
Angular는 AngularJS (Angular 1) 이후의 모든 버전, 즉 Angular 2, Angular 4, Angular 5 및 현재 Angular 6에 사용되는 포괄적 인 용어입니다. 웹 디자인을위한 최신 프레임 워크를 보유하고 있습니다. 역동적이고 반응이 빠른 응용 프로그램입니다.
지난 5 년 동안 AngularJS는 비약적으로 발전했습니다. 2009 년에 처음 도입되었으며 양방향 데이터 바인딩이 가능합니다. HTML을 템플릿 언어로 활용하여 개발이 빠르고 쉽게 읽을 수있는 환경을 만듭니다.
Angular를 사용하면 개발자가 더 많은 재사용 가능한 코드를 만들 수 있습니다. 따라서 개발자는 코딩 작업을 줄여 시간을 절약하고 효율성을 크게 높일 수 있습니다. 이 때문에 AngularJS 웹 애플리케이션 개발 회사는 현재 큰 수요가 있습니다.
AngularJS 또는 Angular를 선택하는 이유는 무엇입니까?
AngularJS가 제공하는 기능을 고려할 때 JavaScript 프레임 워크, 특히 블록 체인 기반 솔루션을 기반으로 구축 된 고급 웹 애플리케이션 개발을위한 논리적 선택입니다.
오늘날 단일 페이지 애플리케이션은 향상된 탐색 기능을 제공하고 훨씬 이해하기 쉬운 방식으로 정보를 제공하기 때문에 인기가 있습니다. AngularJS는 만족스러운 사용자 경험을 제공하는 훌륭한 단일 페이지 애플리케이션을 개발하는 데 활용할 수 있습니다.
재능있는 Google Developers 팀이 개발 한 AngularJS는 탄탄한 기반과 대규모 커뮤니티를 보유하고 있으며 잘 관리되고 있습니다.
다양한 Angular 버전의 차이점
- AngularJS 대 Angular 2
- 각도 1 대 각도 2
- 각도 2 Vs 각도 4
AngularJS (Angular 1이라고도 함)에서 시작하여 Angular 2에 이어 오늘 우리는이 고도로 진화하는 기술의 Angular 6 버전이 있습니다.
헬프 데스크 기술자 인터뷰 질문 및 답변 pdf
업그레이드하기 더 쉬운 차이점을 간단히 살펴 보겠습니다.
# 1) 프로그래밍 언어
Angular 1은 JavaScript를 사용하여 애플리케이션을 빌드했습니다.
그러나 Angular 1 로의 업그레이드로 Angular 2는 JavaScript의 상위 집합 인 TypeScript를 사용하여 더 많은 구조와 강력한 코드를 빌드하는 데 도움이됩니다.
업그레이드가 진행됨에 따라 TypeScript 2.0 및 2.1을 지원하는 Angular 4로 TypeScript 버전 호환성이 추가로 업그레이드되었습니다.
자바 스크립트
var angular1 = angular .module('uiroute', ('ui.router')); angular1.controller('CarController', function ($scope) { $scope.CarList = ('Audi', 'BMW', 'Bugatti', 'Jaguar'); }); (코드는 다음과 같습니다. https://dzone.com/articles/learn-different-about-angular-1-angular-2-amp-angu )
TypeScript
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app.module'; platformBrowserDynamic().bootstrapModule(AppModule); import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from '../app/app.component'; @NgModule({ imports: (BrowserModule), declarations: (AppComponent), bootstrap: (AppComponent) }) export class AppModule { } import { Component } from '@angular/core' @Component({ selector: 'app-loader', template: ` Welcome to Angular with ASP.NET Core and Visual Studio 2017
` }) export class AppComponent{} (코드는 다음과 같습니다. https://dzone.com/articles/learn-different-about-angular-1-angular-2-amp-angu )
# 2) 건축
AngularJS는 MVC (model-view-controller) 디자인, Angular는 서비스 / 컨트롤러 . 따라서 Angular 1에서 Angular 2로 업그레이드하는 경우 전체 코드를 다시 작성해야 할 가능성이 있습니다.
Angular 4에서는 번들 크기가 60 % 더 줄어들어 애플리케이션 개발 속도가 빨라집니다.
모델보기 컨트롤러 및 서비스 컨트롤러
(이미지 출처 dzone.com)
# 3) 구문
AngularJS에서는 이미지 / 속성 또는 이벤트를 바인딩하기 위해 올바른 ngdirective를 기억해야합니다.
보안 키 코드가 무엇입니까
그러나 Angular (2 & 4)는 이벤트 바인딩의 경우 '()', 속성 바인딩의 경우 '()'에 중점을 둡니다.
# 4) 모바일 지원
AngularJS는 모바일 애플리케이션 개발을위한 내장 지원없이 도입되었습니다. 그러나 Angular는 React Native가 제공하는 것과 유사한 네이티브 모바일 애플리케이션 빌드를 지원합니다.
# 5) SEO 최적화
AngularJS에서 SEO에 최적화 된 애플리케이션을 개발하려면 서버 측에서 HTML 렌더링이 필요했습니다. 이 문제는 Angular 2 및 Angular 4에서 제거되었습니다.
# 6) 성능
특히 AngularJS는 디자이너를위한 것입니다. 개발자들에게 많은 것을 제공하지 않습니다.
그러나 Angular에는 개발자의 요구 사항을 지원하는 많은 구성 요소가 있으므로 특히 속도 및 종속성 주입에서 애플리케이션의 전체 성능을 향상시킬 수 있습니다.
# 7) 애니메이션 패키지
AngularJS가 도입되었을 때 애니메이션에 필요한 코드는 필요 여부에 관계없이 항상 애플리케이션에 포함되었습니다. 그러나 Angular 4에서 애니메이션은 대용량 파일 번들을 다운로드 할 필요가없는 별도의 패키지입니다.
AngularJS
각도 4
AngularJS에서 Angular로 업그레이드해야합니까?
항상 새 버전의 기술로 업그레이드하는 것이 좋습니다.
더 좋은 질문은 – 에 Angular의 최신 버전으로 업그레이드 할 때가되었습니다.
그래서,
- 복잡한 웹 애플리케이션을 개발하려는 경우 반드시 최신 버전의 Angular로 업그레이드해야합니다.
- 모바일 앱을 개발하는 것이 필수적이라고 생각한다면 더 잘 업그레이드하십시오.
- 더 작은 웹 앱만 개발하는 경우 Angular의 최신 버전을 설정하는 것이 더 복잡하므로 AngularJS를 사용하는 것이 좋습니다.
각도 5 Vs 각도 6
Google 팀은 버전 4의 서비스 개선 및 버그 수정뿐만 아니라 많은 새로운 기능이 포함 된 Angular 5를 출시했습니다. Angular 5는 로딩 시간이 개선되고 실행 시간도 더 빨라졌습니다.
최신 버전은 Angular 6입니다. Google 팀에 따르면이 버전은 향후 Angular를 사용하여 도구 모음을 더 쉽게 빠르게 이동하고 기본 프레임 워크를 사용하지 않는 데 초점을 맞춘 주요 릴리스입니다.
업데이트 Angular 6에 도입 된 새로운 CLI 명령입니다. package.json을 분석하고 Angular에 대한 지식을 활용하여 애플리케이션 업데이트를 권장합니다.
도입 된 또 다른 CLI 명령은 추가 프로젝트에 새로운 기능을 쉽게 추가 할 수 있습니다. 패키지 관리자를 사용하여 새 종속성을 다운로드합니다. 또한 구성 변경으로 프로젝트를 업데이트하고 추가 종속성을 추가 할 수있는 설치 스크립트를 호출 할 수 있습니다.
Angular 6은 RxJS 버전 6을 지원합니다. RxJS v6 및 몇 가지 주요 변경 사항이 있습니다. 애플리케이션이 계속 작동하도록 보장하는 이전 버전과의 호환성 패키지 rxjs-compat를 제공합니다.
결론
AngularJS의 새로운 버전, 즉 Angular 2, Angular 4, Angular 5, Angular 6에는 많은 기능이 있지만 AngularJS가 더 이상 사용되지 않는다는 의미는 아닙니다. 많은 사람들이 작은 웹 애플리케이션을 개발하기 위해 여전히 AngularJS를 사용하고 있습니다.
하지만 조만간 Google 팀에서 도입 한 새 기능이 새 버전에서만 사용 가능하므로 사용자가 새 버전으로 업그레이드해야한다고 생각합니다.
따라서 새 버전으로 마이그레이션하려면 처음부터 코딩해야하므로 가능한 한 빨리 업그레이드하는 것이 좋습니다.
다음 튜토리얼에서는 AngularJS 애플리케이션의 종단 간 테스트를 위해 각도기 테스트 도구를 사용하는 방법을 배웁니다.