본문 바로가기

DOM

[AngularJS 1.x] AngularJS - 04. $scope AngularJS의 $scopeAngularJS에서 가장 기초가 되고 중요한 $scope에 대해 알아보자. $scope 객체AngularJS의 $scope은 뷰(View)와 컨트롤러(Controller)를 연결하는 객체이다.$watch API를 제공하며 이는 모델의 변경을 감시한다.$apply API를 제공하며 controllers, services, Angular event handlers와 같은 외부로 부터 발생된 변경사항을 뷰(View)로 반영 $scope 컨트롤러의 관계1. AngularJS의 컨트롤러는 하나의 컨트롤러에 하나의 $scope만을 가지게 된다.2. 컨트롤러 함수 두 개가 있을 경우 컨트롤러 함수당 별도의 $scope 객체가 생성된다.3. 그리고 AngularJS 어플리케이션 루트에 .. 더보기
[AngularJS 1.x] AngularJS - 02. 이해하기 AngularJS 이해하기 Hello, world 출력- 먼저 AngularJS로 Hello, world 출력해보자 Name : Hello, {{message}}! 위의 코드는 angularJS를 사용하여 Hello, world를 출력한 결과이다.위의 소스를 브라우저에 실행시킨다면 다음과 같은 화면이 나타날 것이다. angularJS의 특징중의 하나인 양방향 데이터 바인딩의 특징을 확인하기 위해서"world"라는 메시지를 실시간으로 변경이 가능하도록 상단에 Input박스를 두었다.양방향 데이터 바인딩에 대해서는 다음에 대해 알아보도록하고, 우선 소스코드를 다시 보면 낯선 단어가 많이 보인다.angular.module ?$scope ?ng-app ? ng-controller ? ng-model ?이런 낯선.. 더보기