SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Downloaden Sie, um offline zu lesen
간단히 살펴보기




12년 10월 18일 목요일
발표자 : 고재도
                http://www.facebook.com/jeado.ko
        http://www.facebook.com/groups/460750547281323/

12년 10월 18일 목요일
Data Binding
                  Model
  [
      {
           text : “소개하기”,
           done : false
      {
           text : “데이터 바인딩 알아보기”,
           done : false
      },
      {
           text : “DI 알아보기”,
           done : ture
      }
  ]


12년 10월 18일 목요일
MVC




12년 10월 18일 목요일
Scope




12년 10월 18일 목요일
Directive




                    <modal>
                       ...
                    </modal>
12년 10월 18일 목요일
Dependency Injection
  오브젝트 레퍼런스를 외부로 부터 주입받고 이를 통해 여타 오브텍트와 다이내믹하게 의존관계가 만들어
  지는 것




                       $scope object        Item object




  module.controller('AppCtrl',['$scope','Item',
  function($scope, Item){
  	

  	

 //fetch model
  	

 var items = Item.query();
12년 10월 18일 목요일
그 외...

                  • Router
                  • Filter
                  • Validation
                  • Testing

12년 10월 18일 목요일
DEMO


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

12년 10월 18일 목요일

Weitere ähnliche Inhalte

Andere mochten auch

Buton Powerpoint
Buton PowerpointButon Powerpoint
Buton Powerpointhbuton
 
NCIA 대학생 ICT 아카데미 발표자료
NCIA 대학생 ICT 아카데미 발표자료NCIA 대학생 ICT 아카데미 발표자료
NCIA 대학생 ICT 아카데미 발표자료Fanny Lee
 
Strategies for Effective Collaboration
Strategies for Effective CollaborationStrategies for Effective Collaboration
Strategies for Effective CollaborationMonica Bulger
 
New UK GAAP - Sage at Accountex 2014
New UK GAAP - Sage at Accountex 2014New UK GAAP - Sage at Accountex 2014
New UK GAAP - Sage at Accountex 2014Sageukofficial
 
Developing media literacy indicators for Europe
Developing media literacy indicators for EuropeDeveloping media literacy indicators for Europe
Developing media literacy indicators for EuropeMonica Bulger
 
Rendering Portfolio
Rendering PortfolioRendering Portfolio
Rendering PortfolioMarkBoyd
 
Visie op beeldgebruik in de eredienst
Visie op beeldgebruik in de eredienstVisie op beeldgebruik in de eredienst
Visie op beeldgebruik in de eredienstLydia Vroegindeweij
 
Kerkmuziek gaat nooit verloren! - een SWOT-analyse
Kerkmuziek gaat nooit verloren! - een SWOT-analyseKerkmuziek gaat nooit verloren! - een SWOT-analyse
Kerkmuziek gaat nooit verloren! - een SWOT-analyseLydia Vroegindeweij
 
Technology and Research Across the Disciplines
Technology and Research Across the DisciplinesTechnology and Research Across the Disciplines
Technology and Research Across the DisciplinesMonica Bulger
 
Revu1
Revu1Revu1
Revu1Houda
 
U Clubsocialmedifinal
U ClubsocialmedifinalU Clubsocialmedifinal
U ClubsocialmedifinalSarah Durham
 
Presenta Guivernet
Presenta GuivernetPresenta Guivernet
Presenta Guivernetguest7939dd
 
Un Passaporto per il Mare 2010
Un Passaporto per il Mare 2010Un Passaporto per il Mare 2010
Un Passaporto per il Mare 2010giusante
 

Andere mochten auch (18)

Buton Powerpoint
Buton PowerpointButon Powerpoint
Buton Powerpoint
 
NCIA 대학생 ICT 아카데미 발표자료
NCIA 대학생 ICT 아카데미 발표자료NCIA 대학생 ICT 아카데미 발표자료
NCIA 대학생 ICT 아카데미 발표자료
 
Strategies for Effective Collaboration
Strategies for Effective CollaborationStrategies for Effective Collaboration
Strategies for Effective Collaboration
 
New UK GAAP - Sage at Accountex 2014
New UK GAAP - Sage at Accountex 2014New UK GAAP - Sage at Accountex 2014
New UK GAAP - Sage at Accountex 2014
 
Developing media literacy indicators for Europe
Developing media literacy indicators for EuropeDeveloping media literacy indicators for Europe
Developing media literacy indicators for Europe
 
Rendering Portfolio
Rendering PortfolioRendering Portfolio
Rendering Portfolio
 
Visie op beeldgebruik in de eredienst
Visie op beeldgebruik in de eredienstVisie op beeldgebruik in de eredienst
Visie op beeldgebruik in de eredienst
 
Kerkmuziek gaat nooit verloren! - een SWOT-analyse
Kerkmuziek gaat nooit verloren! - een SWOT-analyseKerkmuziek gaat nooit verloren! - een SWOT-analyse
Kerkmuziek gaat nooit verloren! - een SWOT-analyse
 
Technology and Research Across the Disciplines
Technology and Research Across the DisciplinesTechnology and Research Across the Disciplines
Technology and Research Across the Disciplines
 
Presentatie EDDA
Presentatie EDDAPresentatie EDDA
Presentatie EDDA
 
Beamergebruik in de eredienst
Beamergebruik in de eredienst Beamergebruik in de eredienst
Beamergebruik in de eredienst
 
Revu1
Revu1Revu1
Revu1
 
U Clubsocialmedifinal
U ClubsocialmedifinalU Clubsocialmedifinal
U Clubsocialmedifinal
 
Halloween Project
Halloween ProjectHalloween Project
Halloween Project
 
Brockhaus WebContainer
Brockhaus WebContainerBrockhaus WebContainer
Brockhaus WebContainer
 
Presenta Guivernet
Presenta GuivernetPresenta Guivernet
Presenta Guivernet
 
Geography
GeographyGeography
Geography
 
Un Passaporto per il Mare 2010
Un Passaporto per il Mare 2010Un Passaporto per il Mare 2010
Un Passaporto per il Mare 2010
 

Mehr von Jeado Ko

[FEConf Korea 2017]Angular 컴포넌트 대화법
[FEConf Korea 2017]Angular 컴포넌트 대화법[FEConf Korea 2017]Angular 컴포넌트 대화법
[FEConf Korea 2017]Angular 컴포넌트 대화법Jeado Ko
 
Reactive, component 그리고 angular2
Reactive, component 그리고  angular2Reactive, component 그리고  angular2
Reactive, component 그리고 angular2Jeado Ko
 
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점Jeado Ko
 
Polymer, lego같이 만드는 웹어플리케이션
Polymer, lego같이 만드는 웹어플리케이션Polymer, lego같이 만드는 웹어플리케이션
Polymer, lego같이 만드는 웹어플리케이션Jeado Ko
 
준비하세요 Angular js 2.0
준비하세요 Angular js 2.0준비하세요 Angular js 2.0
준비하세요 Angular js 2.0Jeado Ko
 
[XECon+PHPFest 2014] jQuery 개발자에서 AngularJS 개발자 되기
[XECon+PHPFest 2014] jQuery 개발자에서 AngularJS 개발자 되기[XECon+PHPFest 2014] jQuery 개발자에서 AngularJS 개발자 되기
[XECon+PHPFest 2014] jQuery 개발자에서 AngularJS 개발자 되기Jeado Ko
 
자바스크립트 프레임워크 살펴보기
자바스크립트 프레임워크 살펴보기자바스크립트 프레임워크 살펴보기
자바스크립트 프레임워크 살펴보기Jeado Ko
 

Mehr von Jeado Ko (7)

[FEConf Korea 2017]Angular 컴포넌트 대화법
[FEConf Korea 2017]Angular 컴포넌트 대화법[FEConf Korea 2017]Angular 컴포넌트 대화법
[FEConf Korea 2017]Angular 컴포넌트 대화법
 
Reactive, component 그리고 angular2
Reactive, component 그리고  angular2Reactive, component 그리고  angular2
Reactive, component 그리고 angular2
 
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
 
Polymer, lego같이 만드는 웹어플리케이션
Polymer, lego같이 만드는 웹어플리케이션Polymer, lego같이 만드는 웹어플리케이션
Polymer, lego같이 만드는 웹어플리케이션
 
준비하세요 Angular js 2.0
준비하세요 Angular js 2.0준비하세요 Angular js 2.0
준비하세요 Angular js 2.0
 
[XECon+PHPFest 2014] jQuery 개발자에서 AngularJS 개발자 되기
[XECon+PHPFest 2014] jQuery 개발자에서 AngularJS 개발자 되기[XECon+PHPFest 2014] jQuery 개발자에서 AngularJS 개발자 되기
[XECon+PHPFest 2014] jQuery 개발자에서 AngularJS 개발자 되기
 
자바스크립트 프레임워크 살펴보기
자바스크립트 프레임워크 살펴보기자바스크립트 프레임워크 살펴보기
자바스크립트 프레임워크 살펴보기
 

[JSLounge] AngularJS 간단히 살펴보기

  • 2. 발표자 : 고재도 http://www.facebook.com/jeado.ko http://www.facebook.com/groups/460750547281323/ 12년 10월 18일 목요일
  • 3. Data Binding Model [ { text : “소개하기”, done : false { text : “데이터 바인딩 알아보기”, done : false }, { text : “DI 알아보기”, done : ture } ] 12년 10월 18일 목요일
  • 6. Directive <modal> ... </modal> 12년 10월 18일 목요일
  • 7. Dependency Injection 오브젝트 레퍼런스를 외부로 부터 주입받고 이를 통해 여타 오브텍트와 다이내믹하게 의존관계가 만들어 지는 것 $scope object Item object module.controller('AppCtrl',['$scope','Item', function($scope, Item){ //fetch model var items = Item.query(); 12년 10월 18일 목요일
  • 8. 그 외... • Router • Filter • Validation • Testing 12년 10월 18일 목요일
  • 9. DEMO https://github.com/haibane84/angualr-todo-sample 12년 10월 18일 목요일