본문 바로가기

angularJS

[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 ?이런 낯선.. 더보기
[AngularJS 1.x] AngularJS - 01. 소개 AngularJS란? AngularJS는 구글에서 제작하고 2009년에 발표된 자바스크립트 프레임워크이다.그렇다면 프레임워크는 무엇인가?"프레임워크" 는 많은 뜻이 있다. JavaScript 프레임워크의 목적은 보통 웹사이트에 필요한 작업을 하는 데에 불필요한 작업들을 줄이는 것이다. 프레임워크는 기본적으로 틀을 잡아주며, 특정 문제를 해결하기 위해 설계되어 있다. AngularJS 개념AngularJS 는 SPA(Single Page Application) 프레임워크라고 합니다.- 예를 들어, 하나의 웹 페이지가 실행할 때 View 단에 해당되는 부분이 페이지의 주소가 바뀌지 않으면서 또 다른 새로운 view를 동적으로 로드하여 사용하는 것을 SPA 라고 한다.- 아래 그림의 좌측 단일페이지는 브라우저.. 더보기
[TypeScript 타입스크립트] - 소개 * TypeScript?- 자바스크립트로 대규모 어플리케이션 개발을 위해 개발- "TypeScript is a typed superset of JavaScript that compiles to plain JavaScript"- 자바스크립트의 상위집합(슈퍼셋) 언어. MS에서 개발되어 발표되었다.- TypeScript는 JavaScript와 완벽 호환되며, 추가적인 타입과 클래스, 인터페이스를 제공하고 정적 타이핑도 제공한다. * 배경- 최근들어 새로운 언어를 발표하는 것이 하나의 트렌드- Apple의 swift, Google의 Dart등의 새로운 실용적인 언어들이 발표- MS에서도 2013 Build 행사에서 TypeScript라는 언어를 발표 * 특징 : JavaScript와 완벽한 호완성을 가지고 있.. 더보기