AngularJS
![](http://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Disambig_grey.svg/23px-Disambig_grey.svg.png)
![]() | |
개발자 | 구글 |
---|---|
발표일 | 2010년 10월 20일(13년 전)(2010-10-20)[1] |
안정화 버전 | 1.8.3[2] ![]() |
저장소 |
|
프로그래밍 언어 | 자바스크립트 |
플랫폼 | 자바스크립트 엔진 |
크기 | 167 KB (운영용) 1.2 MB (개발용) |
종류 | 자바스크립트, 싱글 페이지 애플리케이션 프레임워크 |
라이선스 | MIT 라이선스 |
상태 | 개발 중 |
웹사이트 | angularjs |
AngularJS("Angular.js" 또는 "AngularJS 1.X")는 자바스크립트 기반의 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크의 하나로, 싱글 페이지 애플리케이션 개발 중에 마주치는 여러 문제들을 해결하기 위해 개발되었으며 주로 구글과 개별 커뮤니티, 여러 회사에 의해 유지보수되고 있다. 자바스크립트 구성 요소들은 크로스 플랫폼 모바일 앱을 개발하기 위해 사용되는 프레임워크인 아파치 코도바를 보완한다. 리치 인터넷 애플리케이션에 공통적으로 사용되는 구성 요소들과 더불어 클라이언트 사이드의 모델-뷰-컨트롤러(MVC)와 모델-뷰-뷰모델(MVVM)[3] 구조를 위한 프레임워크를 제공함으로써 이러한 애플리케이션들의 개발 및 테스트를 단순화하는 것이 목적이다. 2014년에 오리지널 AngularJS 팀은 Angular 플랫폼에 대한 작업에 착수하였다.
부트스트랩
AngularJS 부트스트래퍼가 수행하는 작업들은 DOM을 로드한 이후 세 단계로 발생한다:[4]
- 새로운 인젝터(Injector)를 만든다
- DOM을 형식화하는 디렉티브(directive)를 컴파일한다
- 모든 디렉티브들을 스코프(scope)로 링크한다
AngularJS의 디렉티브들은 개발자가 사용자 지정 및 재사용 가능한 HTML 유사 요소 및 속성을 지정할 수 있게 하며 이들은 데이터 바인딩과 프레젠테이션 구성 요소의 동작을 정의한다. 가장 흔히 사용되는 디렉티브들 중 일부는 아래와 같다:
ng-app
ng-bind
ng-model
ng-model-options
ng-class
ng-controller
ng-repeat
ng-show
&ng-hide
ng-switch
ng-view
ng-if
ng-aria
ng-animate
ng-*
속성은 HTML 사양에 유효하지 않기 때문에 data-ng-*
를 두문자(prefix)로 사용할 수도 있다. 이를테면 ng-app
와 data-ng-app
는 AngularJS에서 유효하다.
같이 보기
각주
외부 링크
![](http://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/30px-Commons-logo.svg.png)
- AngularJS
- 공식 웹사이트
- v
- t
- e
분류
프레임워크 목록
![]() | 이 글은 소프트웨어에 관한 토막글입니다. 여러분의 지식으로 알차게 문서를 완성해 갑시다. |