Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

React 소개 및 구현방법 Demo

W3C HTML5 대한민국 관심그룹 (KIG) on Jan 24, 2017 Slide

  • Als Erste(r) kommentieren

React 소개 및 구현방법 Demo

  1. 1. 
 

  2. 2. Framework에서 제공하는 DOM 추상화 Layer Jquery, YUI, Jindo
 … Library 
 Backbone.js, AngularJS, Ember.js, KnockoutJS, Dojo, CanJS, Polymer, Vue.js … MV* Framework DOMHTML+CSS DOMHTML+CSS DOMHTML+CSS Custom JavaScript App
  3. 3. Virtual DOM Real DOM Components JavaScript React Class 화면출처: https://facebook.github.io/react/
  4. 4. 1. Input 2. query3. Update Controller ModelView View
  5. 5. ViewModel ModelView View 1. command data binding 2. dispatch 3. query
  6. 6. ViewModel (Store) ModelView View data binding 3. query 1. command 2. dispatch
  7. 7.
  8. 8. 화면출처: daum.net
  9. 9. 초기화 State가 변경될때 Unmount
  10. 10. MobileDesktop 화면출처: daum.net
  11. 11. <Ranking /> <RankingTab name=“뉴스”/> <RankingTab name=“스포츠”/> <RankingTab name=“연예”/> <RankingTabHeader /> <RankingTabBody/> <RankingTabItems / <RankingTabFooter /> <RankingTabHeader /> <RankingTabHeader />

    Als Erste(r) kommentieren

    Loggen Sie sich ein, um Kommentare anzuzeigen.

  • skysurfr

    Jan. 25, 2017
  • namsil78

    Jan. 25, 2017
  • yich

    Jan. 25, 2017
  • joobn

    Jan. 19, 2018

W3C HTML5 대한민국 관심그룹 (KIG) on Jan 24, 2017 Slide

Aufrufe

Aufrufe insgesamt

988

Auf Slideshare

0

Aus Einbettungen

0

Anzahl der Einbettungen

8

Befehle

Downloads

32

Geteilt

0

Kommentare

0

Likes

4

×