AngularJS를 설정하고 시작해 보겠습니다.
AngularJS는 구글에서 개발한 라이브러리 입니다.
AngularJS는 자동 바인딩을 사용하여 객체의 속성을 바꾸면 화면이 자동으로 변경됩니다.
직접 보면서 해보도록 하겠습니다.
일단 AngularJS홈페이지를 방문하여 소스를 다운받습니다. (http://angularjs.org/)
아래와 같이 입력해 봅시다.
<!DOCTYPE html>
<html ng-app> <!--ng-app이란 Angular.js라이브러리를 사용하겠다고 선언하는 것입니다.-->
<head>
<title></title>
<script src="angular.js"></script>
</head>
<body >
<input ng-model="text">
<h1>{{text}}</h1><!--{{ }}은 angular.js라이브러리의 템플릿입니다.-->
</body>
</html>
아래 input창에 텍스트를 입력해 보면 실시간으로 변경되는걸 보실수 있습니다.
{{text}}
여기서 소개는 마치도록 하고 다음부터 Angular.js에 대해 자세히 설명하겠습니다.
'AngularJS' 카테고리의 다른 글
| [AngularJS] 데이터 바인딩과 필터 (0) | 2013.10.30 |
|---|---|
| [AngularJS] contorller (0) | 2013.10.28 |