프론트엔드 정복하기

filter filter의 종류 currency, date, filter, json, lowercase, orderBy 등 다양하다. 공식문서 docs.angularjs.org/api/ng/filter/orderBy date html : {{ date_expression | date : format : timezone }} js : $filter ( 'date' ) ( date, format, timezone ) 파라미터 Type Details date date, number, string yyyy-MM-dd 등.. format (optional) string timezone (optional) string filter html : {{ filter_expression | filter : expressi..

앵귤러 내장 디렉티브 ng-app : ng-app이 선언되는 부분부터 '앵귤러를 시작할거다!' 라고 알려주는 개념이다. 코드가 아래와 같을 때, body 태그 부분에 앵귤러 코드가 있다고 알려준다. 앵귤러는 body 코드 중에서 앵귤러 디렉티브를 찾아서 파싱하게 된다. ng-init js 변수, 함수를 초기화한다. 코드가 아래와 같다면, name이라는 변수에 Chris라는 string을 할당한다. Hello {{name}} 보통 ng-init 디렉티브는 프로토타입을 만들 때 정도로 사용하고, 실제로 데이터를 가공할 때는 모듈, 컨트롤러 구조로 많이 사용한다. module (선언하기) angular.module('모듈명',[]) 위는 angular 내장 함수다. 첫번째 param으로 모듈명을 입력, 두번째..

docs.angularjs.org/guide/concepts ANGULAR JS Conceptual Overview Concept Description 한글 설명 Template HTML with addtional markup 추가적인 마크업이 포함된 HTML이다. 앵귤러js 앱이 가동될 때, 컴파일러를 이용하여 이런 새로운 마크업이 있는 Template을 파싱한다. Directives extend HTML with custom attributes and elements 사용자가 정의한(custom) 속성과 요소로 되어 있는 확장된 HTML 앵귤러는 태그에 있는 속성과, 태그명을 직접 정의해서 사용할 수 있다. Model 보기에서 사용자에게 표시되고 상호작용하는 데이터 Scope 컨트롤러, directi..