웹 애플리케이션 개발에 사용되는 자바스크립트 프레임워크.
모델·뷰·컨트롤러(MVC: Model-View-Controller) 개발 방식을 지원하여 웹 애플리케이션 개발 시 소스 코드 구현 시간이 단축되고, 코드를 재사용할 수 있으며 유지보수의 효율성이 향상된다. 구글(Google)사에서 개발하였으며, 공개 소스이다. 2010년 처음 배포되었다. 웹 애플리케이션(
웹 앱) 내에서 데이터를 관리하고 화면을 구성하기 위해서는 jQuery 같은
자바스크립트 라이브러리를 활용해서 일일히 데이터 바인딩(data binding) 코드를 작성해서 구현해야 한다. 하지만 AngularJS는 단일 웹 페이지의
UI에 업데이트된 데이터를 반영하거나 사용자의 입력에 따라 동적으로 특정
UI를 수정할 때 이미 선언된 데이터 바인딩만으로 자동 관리할 수 있게 한다.
※ 데이터 바인딩(data binding): 입력되는 값과 출력될 값을 일치(동기화)시키는 방법 아래 작성된 코드 예제에서 볼 수 있듯이 'ng-model'로 구성된 'input' 박스에 사용자가 값을 입력할 경우 별도의 데이터 바인딩 없이 'a_text' 내의 값이 'input' 박스의 내용으로 표시된다.
<![CDATA[<html ng-app>]]>
<![CDATA[<head> ]]>
<![CDATA[ <script src="angular.js"></script> ]]>
<![CDATA[ <script src="controllers.js"></script> ]]>
<![CDATA[</head> ]]>
<![CDATA[<body> ]]>
<![CDATA[ <div ng-controller='Controller'> ]]>
<![CDATA[ <input ng-model='a.text'> <!-- 사용자 입력 박스창 -->]]>
<![CDATA[ <p>{{a.text}}, World</p> <!-- 박스창에 입력된 값이 표시됨 -->]]>
<![CDATA[ </div>]]>
<![CDATA[</body>]]>
<![CDATA[</html>]]>
