SlideShare une entreprise Scribd logo
1  sur  9
Télécharger pour lire hors ligne
간단히 살펴보기




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일 목요일

Contenu connexe

En vedette

Buton Powerpoint
Buton PowerpointButon Powerpoint
Buton Powerpoint
hbuton
 
Revu1
Revu1Revu1
Revu1
Houda
 
Presenta Guivernet
Presenta GuivernetPresenta Guivernet
Presenta Guivernet
guest7939dd
 

En vedette (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
 

Plus de Jeado Ko

Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Angular를 활용한 웹 프론트단 개발과 2.0에서 달라진점
Jeado Ko
 

Plus de 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일 목요일