2014년 2월 19일 수요일

AngularJS

AngularJS


AngularJS is an open-source JavaScript framework, maintained by Google, that assists with running single-page applications. Its goal is to augment web-based applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier.
The library reads in HTML that contains additional custom tag attributes; it then obeys the directives in those custom attributes, and binds input or output parts of the page to a model represented by standard JavaScript variables. The values of those JavaScript variables can be manually set, or retrieved from static or dynamic JSON resources.

What Is Angular?

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Out of the box, it eliminates much of the code you currently write through data binding and dependency injection. And it all happens in JavaScript within the browser, making it an ideal partner with any server technology.
Angular is what HTML would have been had it been designed for applications. HTML is a great declarative language for static documents. It does not contain much in the way of creating applications, and as a result building web applications is an exercise in what do I have to do to trick the browser into doing what I want.The impedance mismatch between dynamic applications and static documents is often solved with:
  • a library - a collection of functions which are useful when writing web apps. Your code is in charge and it calls into the library when it sees fit. E.g., jQuery.
  • frameworks - a particular implementation of a web application, where your code fills in the details. The framework is in charge and it calls into your code when it needs something app specific. E.g., knockoutember, etc.
Angular takes another approach. It attempts to minimize the impedance mismatch between document centric HTML and what an application needs by creating new HTML constructs. Angular teaches the browser new syntax through a construct we call directives. Examples include:
  • Data binding, as in {{}}.
  • DOM control structures for repeating/hiding DOM fragments.
  • Support for forms and form validation.
  • Attaching code-behind to DOM elements.
  • Grouping of HTML into reusable components.

AngularJS는 HTML을 확장시켜 다이나믹 Application을 지원하며 예를들어서 <option>태그를 <select>태그에 생성할때 자바스크립트의 코드의 작성없이 이를 수행한다. 당연히 추가적인 개발자의 코딩이 필요없으며, 데이터가 변경함에 있어 자동적으로 AngularJS에서 UI의 요소를 만들고 데이터 필터링, 소팅 그리고 더욱 많은 기능을 제공한다.프론트엔드 웹앱 프레임웍 - Bootstrap, Backbone 그리고 AngularJS - http://www.slideshare.net/iolo/ss-16821763http://en.wikipedia.org/wiki/AngularJShttp://docs.angularjs.org/guide/introductionhttp://mobicon.tistory.com/281http://www.nextree.co.kr/p3241/http://blog.naver.com/jjoommnn?Redirect=Log&logNo=130179684248



댓글 없음:

댓글 쓰기