Blue Breeze

AngularJS $rootScope, $scope Scope 타입 $scope 객체나 $rootScope 객체는 AngularJS 내부에서 정의하는 Scope 타입의 인스턴스다. 즉, 다음과 같이 별도의 생성자 함수가 AngularJS 내부에 정의돼 있다. function Scope(){ ... } Scope.prototype.$apply = function(){}; Scope.prototype.$digest = function(){ ... }; Scope.prototype.$watch = function(){ ... }; Scope.prototype.$new = function(){ ... }; //... AngularJS는 초기 부트스트랩 시 프레임워크 내부에서 $rootScope을 new Sceo..

AngularJS MVC AngularJS jsFiddle Example AngularJS도 자바스크립트 MVC 프레임워크 중 하나이지만 AngularJS는 smalltalk-80언어부터 시작된 전통적인 MVC패컨을 구현하지 않고 MVVM(Model-View-View-Model)과 비슷하지만 독자적인 방식으로 MVC패턴을 구현했다. 초기 AngularJS는 전통적은 MVC 패턴을 흡사하게 구현하여 MVC패너으로 소개됐다. 하지만 AngularJS가 버전이 올라가면서 다양한 기능이 추가됨에 따라 MVVM에 가깝게 되어 AngularJS 사용자들 간에 MVVM 프레임워크라는 주장이 다분했다. 그런데 AngularJS 팀에서는 AngularJS를 어느 패턴으로 분류하지 않고 사용하는 사람 마음대로 정의하라는 ..

AngularJS의 이벤트 AngularJS에서 제공하는 이벤트 지시자 이벤트 지시자명 설명 click ng-click html 요소를 클릭했을 때 표현식이 계산된다. dbclick ng-dbclick html 요소를 더블클릭했을 때 표현식이 계산된다. keydown ng-keydown 키보드의 키를 누를 때 표현식이 계산된다. $envent객체를 이용해 keyCode, altKey 값 등을 가지고 올 수 있다. keypress ng-keypress 키보드의 키를 눌러 실제 문자가 입력됐을 때 표현식이 계산된다. $event 객체를 이용해 keyCode, altKey 값 등을 가지고 올 수 있다. keyup ng-keyup 키를 뗄 때 표현식이 계산된다. $event 객체를 이용해 keyCode, alt..

ng-valid, ng-invalid, ng-pristine, ng-dirty AngularJS는 컨트롤 요소으 ㅣ유효성 검증 결과를 요소의 CSS클래스로 자동 추가한다.

프로가 되기 위한 웹 기술 입문 이제껏 본 웹관련 책중에 정리가 가장 잘 된 책. 초급자 혹은 이론이 필요한(?) 개발자에게도 좋은책이다.

Checkbox ng-model 바인딩 대상이 되는 모델명 name 폼에서 사용하는 이름 ng-required 필시 입력 여부 ng-options 표현식을 구성하는 요소 설명 array/object $scope에 있는 배열 또는 객체에 접근하는 표현식 valud 배열 요소를 가르키는 내부변수 생성 표현식 label 요소의 라벨이 될 표현식에 예)value.propertyName select 부모인 요소에 모델로 바인딩되는 표현식, select가 없을 때에는 value의 값이 기본저긍로 select의 값이 된다. group 요소가 되는 표현식 배열 데이터 label for value in array select as label for value in arry label group by group for v..

FormController와 NgModelController ng-model 바인딩 대상이 되는 모델명 name 폼에서 사용하는 이름 ng-required 필수 입력여부 ng-minlength 입력박스에 입력되는 값의 최소 글자수 ng-maxlength 입력박스에 입력되는 값의 최대 글자수 ng-pattern 입력된 값과 비교될 정규표현식이며 /정규표현식/과 같은 값이 요구된다. ng-change 사용자의 입력이 발생할 때 실행될 표현식 AngularJS는 표준 HTML 태그 또한 AngularJS 지시자로 만들 수 있다. 즉, 태그도 지시자로 간주하고 확장할 수 있다. 그래서 AngularJS는 폼으 ㅣ상태를 관리하기 위해서 FormController를 만들었다. 지시자에 별도의 컨트롤러를 지정살 수 ..

AngularJS - ng-controller

Ubuntu Ambiance & Radiance Flat Colors Themes Install Ambiance & Radiance Flat Colors Themes Suite Released for Ubuntu/Linux Mint 현재 사용중인 데스크탑은 원래 서버로 사용하던 컴퓨터이다. 이게 RAID로 묶여있다보니 다시 설치하기가 싫어서 12.04부터 조금씩 업그레이드를 하다보니 문제가 많다. 많은 문제점 중에 테마가 변경되지 않고 한가지로 고정되어 있다는거다. 개인적으로 밝안색 보다는 무채색 계열의 어두운쪽을 선호하는데 Ubuntu 기본 테메인 ambiance가 적용이 되지 않고 이상하게 꼬여 있다. 그런데 Flat 테마를 설치하는 방법을 알아서 설치했다. sudo add-apt-repository..

AngularJS 조건에 다른 보기/숨기기 설정