anglejs가 뭐죠?

"Angular"라고도 알려진 AngularJS는 동적 웹 애플리케이션 개발을 위한 클라이언트 측 JavaScript MVC 프레임워크입니다. 원래는 Google 프로젝트로 시작했지만 지금은 오픈소스 프레임워크입니다.

AngularJS는 완전히 HTML과 JavaScript를 기반으로 하므로 추가 구문이나 언어를 배울 필요가 없습니다.

AngularJS는 정적 HTML을 동적 HTML로 변경합니다. 내장된 속성과 구성 요소를 추가하여 HTML의 기능을 확장하고 간단한 JavaScript를 사용하여 사용자 정의 속성을 생성하는 기능도 제공합니다. [추천 관련 동영상 튜토리얼: AngularJS 튜토리얼]

AngularJS의 특징

Angular는 다음과 같은 주요 기능을 가지고 있어 시장에서 가장 강력한 프레임워크 중 하나입니다.

1. MVC

프레임워크는 유명한 MVC 개념(모델 - 뷰 - 컨트롤러)을 기반으로 합니다. 이는 모든 최신 웹 애플리케이션에서 사용되는 디자인 패턴입니다. 이 패턴은 비즈니스 논리 계층, 데이터 계층 및 프레젠테이션 계층을 별도의 부분으로 분할하는 것을 기반으로 합니다. 각 섹션을 더 쉽게 관리할 수 있도록 다양한 섹션 분할을 완료하세요.

2. 데이터 모델 바인딩

데이터를 HTML 컨트롤에 바인딩하기 위해 특별한 코드를 작성할 필요가 없으며 Angular를 통해 몇 가지 코드를 추가하면 됩니다.

3. 적은 코드 작성

일반적으로 DOM 작업을 수행할 때 애플리케이션을 디자인하려면 많은 JavaScript를 작성해야 합니다. 하지만 Angular를 사용하면 DOM 조작을 위해 작성하는 코드가 얼마나 적은지 놀라게 될 것입니다.

4. 단위 테스트

Google의 디자이너들은 Angular를 개발했을 뿐만 아니라 AngularJS 애플리케이션에 대한 단위 테스트를 설계하는 데 도움이 되는 "Karma"라는 테스트 프레임워크도 개발했습니다.

AngularJS 아키텍처

Angular.js는 MVC 아키텍처를 따르며 MVC 프레임워크 다이어그램은 아래와 같습니다.

AngularJS

Controller의 아키텍처 다이어그램은 비즈니스 로직으로 레이어를 나타냅니다. 사용자 이벤트는 컨트롤러 내에 저장된 기능을 트리거합니다. 사용자 이벤트는 컨트롤러의 일부입니다.

View, 뷰는 최종 사용자에게 제공되는 프레젠테이션 레이어를 나타내는 데 사용됩니다.

Model, 모델은 데이터를 나타내는 데 사용됩니다. 모델의 데이터는 원시 선언만큼 간단할 수 있습니다. 예를 들어 학생에 대한 애플리케이션을 유지 관리하는 경우 데이터 모델에는 학생 ID와 이름만 있을 수 있습니다.

AngularJS의 장점

1. 오픈소스 프레임워크이므로 버그나 문제가 최소화될 것으로 예상됩니다.

2. 양방향 바인딩

Angular.js는 데이터와 프레젠테이션 레이어의 동기화를 유지합니다. 이제 HTML 코드에 데이터를 유지하고 나중에 데이터를 동기화하기 위해 추가 JavaScript 코드를 작성할 필요가 없습니다. Angular.js는 이 작업을 자동으로 수행합니다. 어떤 컨트롤이 모델의 어느 부분에 바인딩되는지 지정하기만 하면 됩니다.

3. 라우팅

Angular는 라우팅, 즉 한 뷰에서 다른 뷰로 이동하는 것을 처리할 수 있습니다. 이는 사용자 상호 작용을 기반으로 웹 애플리케이션의 다른 기능으로 이동하면서도 여전히 동일한 페이지에 머물 수 있는 단일 페이지 애플리케이션의 핵심 기반입니다.

4. Angular는 단위 테스트 및 통합 테스트를 포함한 테스트를 지원합니다.

5 지시문이라는 자체 요소를 제공하여 HTML을 확장합니다.

높은 수준에서 지시문은 HTML이 컴파일러에 첨부되는 것을 AngularJS에 알려주는 DOM 요소(예: 속성, 요소 이름, 주석 또는 CSS 클래스)에 대한 마크업입니다. 해당 DOM 요소에 지정된 동작. 이러한 지시문은 기존 HTML 요소의 기능을 확장하여 웹 애플리케이션에 더 많은 기능을 제공하는 데 도움이 됩니다.

요약: 위 내용이 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

위 내용은 anglejs가 뭐죠?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!