Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

4

Share

Download to read offline

React 소개 및 구현방법 Demo

Download to read offline

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

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

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 />
  • joobn

    Jan. 19, 2018
  • yich

    Jan. 25, 2017
  • namsil78

    Jan. 25, 2017
  • skysurfr

    Jan. 25, 2017

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

Views

Total views

1,009

On Slideshare

0

From embeds

0

Number of embeds

8

Actions

Downloads

32

Shares

0

Comments

0

Likes

4

×