Post on 25-Sep-2020
transcript
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
Virtual DOM
Real DOMComponents
JavaScript React Class
화면출처: https://facebook.github.io/react/
1. Input
2. query3. UpdateController ModelViewView
ViewModel ModelViewView
1. command
data binding
2. dispatch
3. query
ViewModel (Store) ModelViewView
data binding 3. query
1. command
2. dispatch
화면출처: daum.net
초기화
State가 변경될때
Unmount
MobileDesktop
화면출처: daum.net
<Ranking />
<RankingTab name=“뉴스”/>
<RankingTab name=“스포츠”/>
<RankingTab name=“연예”/>
<RankingTabHeader />
<RankingTabBody/>
<RankingTabItems /
<RankingTabFooter />
<RankingTabHeader />
<RankingTabHeader />