AngularJS란 무엇입니까? 소개, Archi강의 및 특징

작성자 : 제임스 하트만 제임스 하트만
Hours 업데이트

AngularJS란 무엇입니까?

AngularJS와 오픈 소스 모델-뷰-컨트롤러 프레임워크는 다음과 유사합니다. JavaScript 뼈대. AngularJS는 아마도 현재 사용 가능한 가장 인기 있는 최신 웹 프레임워크 중 하나일 것입니다. 이 프레임워크는 주로 단일 페이지 애플리케이션을 개발하는 데 사용됩니다. 이 프레임워크는 Google 자체의 개발자 그룹에 의해 개발되었습니다.

Google의 전적인 지원과 광범위한 커뮤니티 포럼의 아이디어 덕분에 프레임워크는 항상 최신 상태로 유지됩니다. 또한 항상 시장의 최신 개발 트렌드를 통합합니다.

AngularJS와 Archi강의

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

AngularJS와 Archi강의
AngularJS Archi강의 다이어그램
  • 컨트롤러는 비즈니스 로직이 포함된 레이어를 나타냅니다. 사용자 이벤트는 컨트롤러 내부에 저장된 기능을 트리거합니다. 사용자 이벤트는 컨트롤러의 일부입니다.
  • 뷰는 최종 사용자에게 제공되는 프리젠테이션 레이어를 나타내는 데 사용됩니다.
  • 모델은 데이터를 표현하는 데 사용됩니다. 모델의 데이터는 기본 선언만 있는 것처럼 간단할 수 있습니다. 예를 들어, 학생 애플리케이션을 유지 관리하는 경우 데이터 모델은 학생 ID와 이름만 있을 수 있습니다. 또는 구조화된 데이터 모델을 사용하여 복잡할 수도 있습니다. 자동차 소유 애플리케이션을 유지 관리하는 경우 엔진 용량, 좌석 수 등의 측면에서 차량 자체를 정의하는 구조를 가질 수 있습니다.

AngularJS의 특징

Angular는 다음과 같은 주요 특징을 갖추고 있어 시장에서 가장 강력한 프레임워크 중 하나가 되었습니다.

  1. MVC – 프레임워크는 다음과 같은 유명한 개념을 기반으로 구축되었습니다. MVC(모델-뷰-컨트롤러). 이는 현대의 모든 웹 애플리케이션에 사용되는 디자인 패턴입니다. 이 패턴은 비즈니스 논리 계층, 데이터 계층 및 프레젠테이션 계층을 별도의 섹션으로 분할하는 것을 기반으로 합니다. 각 섹션을 더 쉽게 관리할 수 있도록 섹션을 여러 섹션으로 나누었습니다.
  2. 데이터 모델 바인딩 – HTML 컨트롤에 데이터를 바인딩하기 위해 특별한 코드를 작성할 필요가 없습니다. 이는 몇 가지 코드 조각을 추가하여 Angular를 통해 수행할 수 있습니다.
  3. 적은 코드 작성 – DOM 조작을 많이 할 때 JavaScript 모든 애플리케이션을 디자인하려면 작성이 필요했습니다. 하지만 Angular를 사용하면 DOM 조작을 위해 작성해야 하는 코드의 양이 줄어든다는 사실에 놀랄 것입니다.
  4. 단위 지원 준비 – Google의 디자이너는 Angular를 개발했을 뿐만 아니라 AngularJS 애플리케이션에 대한 단위 테스트를 설계하는 데 도움이 되는 "Karma"라는 테스트 프레임워크도 개발했습니다.

AngularJS의 장점

AngularJS의 장점은 다음과 같습니다.

  • 오픈 소스 프레임워크이므로 오류나 문제의 수가 최소화될 것으로 예상할 수 있습니다.
  • 양방향 바인딩 – Angular.js는 데이터와 프레젠테이션 계층을 동기화 상태로 유지합니다. 이제 추가로 작성할 필요가 없습니다. JavaHTML 코드의 데이터와 나중에 동기화된 데이터를 유지하기 위한 스크립트 코드. Angular.js가 자동으로 이를 수행합니다. 모델의 어느 부분에 어떤 컨트롤이 바인딩되는지 지정하기만 하면 됩니다.
AngularJS의 장점

AngularJS의 장점
  • 라우팅 – Angular는 한 뷰에서 다른 뷰로 이동하는 것을 의미하는 라우팅을 관리할 수 있습니다. 이것이 단일 페이지 애플리케이션의 핵심 기본입니다. 여기서는 사용자 상호 작용을 기반으로 웹 애플리케이션의 다른 기능으로 이동하면서도 여전히 동일한 페이지에 머물 수 있습니다.
  • Angular는 테스트를 모두 지원합니다. 단위 테스트및 통합 테스팅.
  • 지시문이라는 자체 요소를 제공하여 HTML을 확장합니다. 높은 수준에서 지시문은 AngularJS의 HTML 컴파일러에게 지정된 동작을 해당 DOM 요소에 연결하도록 지시하는 DOM 요소(속성, 요소 이름, 주석 또는 CSS 클래스 등)에 대한 표시입니다. 이러한 지시문은 기존 HTML 요소의 기능을 확장하여 웹 애플리케이션에 더 많은 기능을 제공하는 데 도움이 됩니다.