Angular 소개 : 그것이 무엇인지, 그리고 그것을 사용해야하는 이유

이 기사는 인기있는 클라이언트 측 JavaScript 프레임 워크 인 Angular에 대한 포괄적 인 소개를 제공합니다. JavaScript 프레임 워크를 처음 접하는 개발자를 대상으로하며 Angular와 이전 모델 인 AngularJS의 주요 차이점을 강조합니다. 이 기사는 Angular의 강점과 복잡성을 강조합니다 키 테이크 아웃 :

Angular는 웹, 모바일 및 데스크탑 개발을 지원하는 강력하고 현대적인 프레임 워크입니다. Google에서 개발 한이 건물은 처음부터 크게 발전했습니다 Angular는 TypeScript를 사용하여 정적 타이핑 및 클래스와 같은 기능으로 JavaScript를 확장하여 코드 유지 관리를 향상시킵니다. 의 구성 요소 기반 아키텍처는 재사용 및 테스트 가능한 코드를 촉진하며 Jasmine 및 Protractor와 같은 도구를 사용하여 테스트에 중점을 둡니다. 강력하지만 Angular의 복잡성은 TypeScript, Angular CLI, NPM, 작업 러너 및 디버깅 도구에 익숙해야합니다. 더 간단한 프로젝트의 경우 과잉 일 수 있습니다.

왜 프레임 워크를 사용 하는가?

JavaScript 프레임 워크는 조직화되고 테스트 가능한 코드를 홍보하여 ​​웹 애플리케이션을 구축하기위한 도구와 구조를 제공합니다. 많은 사람들이 프로젝트 구조를 지시하는 "의견"이지만 백본과 같은 다른 사람들은 더 많은 유연성을 제공합니다. 현대 웹 UI의 복잡성의 증가는 점점 복잡한 JavaScript 코드를 관리하기 위해 이러한 프레임 워크의 개발이 필요했습니다.
• Angular : 더 깊은 다이브
Google의 초기 제품인 AngularJS는 MVC (Model-View-Controller) 패턴을 활용하여 DOM 조작에서 응용 프로그램 논리를 분리하는 데 중점을 둡니다. 주요 기능에는 데이터 바인딩 및 사용자 정의 지시문 (예 :
• 캘린더 요소 만들기)이 포함되었습니다. 종속성 주입 촉진 재사용 및 테스트 가능한 코드. 그러나 Angular (Angular 2)는 여러 플랫폼을 지원하고 상당한 아키텍처 변경을 도입하는 완전한 재 작성입니다. Angular 버전 3의 건너 뛰기는 라우터 구성 요소와의 버전화 정렬로 인한 것입니다. 후속 버전 (4, 5, 6 이상) 이이 기초를 구축하여 기능과 개선 사항을 추가했습니다.
Angular 's 장점 :
• 유지 관리 가능한 구조 : Angular는 잘 구조화되고 쉽게 유지 관리 가능한 코드를 홍보하는 설계 패턴을 제공합니다. TypeScript 향상 : TypeScript 활용 정적 타이핑 및 기타 기능으로 코드 품질이 향상됩니다. Rich Toolset : Angular는 지침, 양식, HTTP 요청 및 라우팅을위한 수많은 내장 도구를 제공합니다.
  • 디퍼 커플 링 구성 요소 : 구성 요소가 느슨하게 결합되어 재사용 성과 테스트 가능성이 증가합니다. 클린 돔 조작 : 클리너 마크 업에 대한 프리젠 테이션과 논리를 분리합니다. 테스트에 대한 강조 :
  단위 및 엔드 투 엔드 테스트를 지원합니다 멀티 플랫폼 지원 :
  • 웹, 모바일 및 데스크탑에서 작동합니다 활성 커뮤니티 : 크고 활동적인 커뮤니티의 혜택
  • Angular의 복잡성 : Angular의 힘은 더 가파른 학습 곡선과 함께 제공됩니다. 개발자는 다음과 같이 능숙해야합니다
  • typeScript javaScript (es6) angular cli npm 태스크 러너 (Gulp, Grunt) 미니 파이어 (uglifyjs) bundlers (웹 팩) 디버깅 도구 (Augury) 테스트 프레임 워크 (Jasmine, Protractor)
  angular 사용은 복잡한 UI가없는 소규모 프로젝트의 경우 불필요 할 수 있습니다. 프레임 워크를 선택하기 전에 프로젝트 요구 사항과 마감일을 신중하게 고려하는 것이 중요합니다.
  • 결론 : 이 소개는 각도, 진화, 장점 및 복잡성에 대한 기본적인 이해를 제공합니다. 다중 플랫폼 기능과 구현 전에 학습 곡선을 고려하는 것의 중요성을 강조합니다. Sitepoint의 Angular Tutorial 시리즈와 같은 추가 리소스는 심층 학습에 권장됩니다. 자주 묻는 질문 (faqs) :
  FAQ 섹션은 크게 변하지 않으며, Angular의 주요 아키텍처 구성 요소, 사용 사례, 다른 프레임 워크 (React, Vue.js)와의 비교 및 ​​TypeScript, 데이터 바인딩, 지시, 서비스 및 종속성 주입에 대한 설명에 대한 자세한 설명을 제공합니다.

위 내용은 Angular 소개 : 그것이 무엇인지, 그리고 그것을 사용해야하는 이유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!