오늘은 Angular가 무엇인지, 왜 사용해야 하는지 알아보도록 하겠습니다.
AngularJS Misko Hevery와 Adam Abrons가 2009년에 처음 개발한 이 프로젝트는 나중에 Google 프로젝트가 되었습니다. AngularJS는 식별자(지시문) 구조를 사용하여 웹 애플리케이션에서 HTML 어휘를 확장하여 개발자가 HTML을 사용하여 동적 콘텐츠를 선언할 수 있도록 하여 웹 개발 및 테스트 작업을 더 쉽게 만듭니다.
Angularjs 버전 소개
https://github.com/angular/angular.js/releases/
AngularJS 기능: AngularJS는 애플리케이션용으로 특별히 설계된 HTML입니다.
AngularJS를 사용하면 최신 SPA(단일 페이지 애플리케이션)를 더 쉽게 개발할 수 있습니다.
1 AngularJS는 애플리케이션 데이터를 HTML 요소에 바인딩합니다.
2 AngularJS는 HTML 요소를 복제하고 반복할 수 있습니다.
3 AngularJS는 HTML 요소를 숨기고 표시할 수 있습니다.
4 AngularJS는 HTML 요소 "뒤에" 코드를 추가할 수 있습니다.
5 UI 컨트롤 사용
1. MVC 아키텍처
AngularJS는 MVC 아키텍처를 사용하여 웹 애플리케이션을 개발합니다. MVC를 구현하려면 애플리케이션을 분할하기만 하면 AngularJS가 나머지를 관리합니다. MVC 아키텍처는 Model View Controller를 의미합니다.
Model은 데이터 유지 관리를 담당합니다. View는 데이터 표시를 담당합니다. Controller는 모델과 뷰를 연결합니다.
2. 지시어
지시어를 사용하면 HTML 태그의 세부 사항이 작동합니다. 이는 사용자 정의 라벨을 만들 수 있는 매우 강력한 기능입니다. 지시문 태그를 사용하면 컴파일러가 DOM 요소에 특정 기능을 추가하고 수정하도록 지시합니다. AngularJS는 또한 실제 필요에 따라 선택할 수 있는 다수의 사전 설정 지침을 제공합니다.
3. POJO-
- AngularJS에서 사용되는 모든 개체는 POJO(전통적인 JavaScript 개체)이므로 추가 getter 및 setter 기능이 필요하지 않습니다. POJO는 객체 조작을 위한 모든 표준 JavaScript 함수를 제공합니다. 개체에서 속성을 제거 및 추가하고 필요한 경우 특정 개체를 건너뛰는 데 도움이 됩니다.
- 4. 사용하기 쉬움
AngularJS는 풍부한 기능 세트를 갖추고 있어 MVC 아키텍처를 구현할 때 직면하는 다양한 어려움을 줄여 코드 작성의 필요성을 줄여줍니다. 데이터 모델을 구현하기 위해 getter 및 setter 함수를 작성할 필요가 없습니다. 또한 지시문은 애플리케이션 코드의 일부가 아니므로 다른 병렬 개발 팀에서 관리할 수 있습니다. 이 모든 것이 개발자의 프로그래밍 요구 사항을 최대한 줄여줍니다.
5. 종속성 주입을 통한 테스트
엄격한 테스트 없이는 애플리케이션이 불완전합니다. 실제로 테스트는 전달된 프로젝트에 버그가 없는지 확인하는 중요한 방법입니다. AngularJS는 이미 테스트를 빌드 프로세스에 통합했습니다. AngularJS를 사용하여 애플리케이션을 만드는 것은 종속성 주입과 완전히 통합되어 샘플 데이터를 컨트롤러에 쉽게 주입하여 출력 결과와 작업 방법이 예상한 대로인지 확인할 수 있습니다.
6. 클라이언트 측 솔루션
AngularJS는 클라이언트 측에서 작동하지만 데스크톱 및 모바일 브라우저와도 호환됩니다. AngularJS를 사용하면 백엔드를 수정할 필요 없이 모든 프로젝트를 만들 수 있으므로 이를 사용하여 모든 애플리케이션의 프런트엔드를 개발할 수 있습니다. 또한 AngulaJS 자체는 클라이언트측이며 JavaScript를 지원하는 모든 브라우저에서 실행될 수 있으므로 애플리케이션 배포가 더 쉬워집니다.
7. 유연한 필터
필터는 값의 소수점 변경, 문자열을 대문자로 변환 등을 표시하기 전에 값을 재정의합니다. 이러한 필터는 지시문과 매우 유사하며 데이터 변환 작업에만 전념하는 독립형 기능으로 작동할 수 있습니다. 필요에 따라 사용자 정의 필터를 만들 수도 있습니다.
추천 학습:
angularjs 튜토리얼
위 내용은 Anglejs란 무엇인가요? 왜 Anglejs를 사용하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
