9
간단히 살펴보기 121018목요일

[JSLounge] AngularJS 간단히 살펴보기

Embed Size (px)

DESCRIPTION

JSLounge 2회 발표자료

Citation preview

Page 1: [JSLounge] AngularJS 간단히 살펴보기

간단히 살펴보기

12년 10월 18일 목요일

Page 2: [JSLounge] AngularJS 간단히 살펴보기

발표자 : 고재도

http://www.facebook.com/jeado.kohttp://www.facebook.com/groups/460750547281323/

12년 10월 18일 목요일

Page 3: [JSLounge] AngularJS 간단히 살펴보기

Data Binding

Model

[ { text : “소개하기”, done : false { text : “데이터 바인딩 알아보기”, done : false }, { text : “DI 알아보기”, done : ture }]

12년 10월 18일 목요일

Page 4: [JSLounge] AngularJS 간단히 살펴보기

MVC

12년 10월 18일 목요일

Page 5: [JSLounge] AngularJS 간단히 살펴보기

Scope

12년 10월 18일 목요일

Page 6: [JSLounge] AngularJS 간단히 살펴보기

Directive

<modal>...

</modal>12년 10월 18일 목요일

Page 7: [JSLounge] AngularJS 간단히 살펴보기

Dependency Injection오브젝트 레퍼런스를 외부로 부터 주입받고 이를 통해 여타 오브텍트와 다이내믹하게 의존관계가 만들어 지는 것

module.controller('AppCtrl',['$scope','Item', function($scope, Item){ //fetch model var items = Item.query();

$scope object Item object

12년 10월 18일 목요일

Page 8: [JSLounge] AngularJS 간단히 살펴보기

그 외...

• Router

• Filter

• Validation

• Testing

12년 10월 18일 목요일

Page 9: [JSLounge] AngularJS 간단히 살펴보기

DEMO

https://github.com/haibane84/angualr-todo-sample

12년 10월 18일 목요일