[jslounge] angularjs 간단히 살펴보기
DESCRIPTION
JSLounge 2회 발표자료TRANSCRIPT
![Page 1: [JSLounge] AngularJS 간단히 살펴보기](https://reader033.vdocuments.site/reader033/viewer/2022042602/5588f960d8b42a10688b4666/html5/thumbnails/1.jpg)
간단히 살펴보기
12년 10월 18일 목요일
![Page 2: [JSLounge] AngularJS 간단히 살펴보기](https://reader033.vdocuments.site/reader033/viewer/2022042602/5588f960d8b42a10688b4666/html5/thumbnails/2.jpg)
발표자 : 고재도
http://www.facebook.com/jeado.kohttp://www.facebook.com/groups/460750547281323/
12년 10월 18일 목요일
![Page 3: [JSLounge] AngularJS 간단히 살펴보기](https://reader033.vdocuments.site/reader033/viewer/2022042602/5588f960d8b42a10688b4666/html5/thumbnails/3.jpg)
Data Binding
Model
[ { text : “소개하기”, done : false { text : “데이터 바인딩 알아보기”, done : false }, { text : “DI 알아보기”, done : ture }]
12년 10월 18일 목요일
![Page 4: [JSLounge] AngularJS 간단히 살펴보기](https://reader033.vdocuments.site/reader033/viewer/2022042602/5588f960d8b42a10688b4666/html5/thumbnails/4.jpg)
MVC
12년 10월 18일 목요일
![Page 5: [JSLounge] AngularJS 간단히 살펴보기](https://reader033.vdocuments.site/reader033/viewer/2022042602/5588f960d8b42a10688b4666/html5/thumbnails/5.jpg)
Scope
12년 10월 18일 목요일
![Page 6: [JSLounge] AngularJS 간단히 살펴보기](https://reader033.vdocuments.site/reader033/viewer/2022042602/5588f960d8b42a10688b4666/html5/thumbnails/6.jpg)
Directive
<modal>...
</modal>12년 10월 18일 목요일
![Page 7: [JSLounge] AngularJS 간단히 살펴보기](https://reader033.vdocuments.site/reader033/viewer/2022042602/5588f960d8b42a10688b4666/html5/thumbnails/7.jpg)
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 간단히 살펴보기](https://reader033.vdocuments.site/reader033/viewer/2022042602/5588f960d8b42a10688b4666/html5/thumbnails/8.jpg)
그 외...
• Router
• Filter
• Validation
• Testing
12년 10월 18일 목요일
![Page 9: [JSLounge] AngularJS 간단히 살펴보기](https://reader033.vdocuments.site/reader033/viewer/2022042602/5588f960d8b42a10688b4666/html5/thumbnails/9.jpg)
DEMO
https://github.com/haibane84/angualr-todo-sample
12년 10월 18일 목요일