The document discusses different types of frameworks for building custom JavaScript applications. It compares libraries like JQuery, YUI and Jindo to more full-featured model-view-whatever (MV*) frameworks like Backbone.js, AngularJS, Ember.js, KnockoutJS, Dojo, CanJS, Polymer and Vue.js. It also discusses React, which uses a virtual DOM for improved performance compared to directly manipulating the real DOM.

4. 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

5. Virtual
DOM
Real DOM
Components
JavaScript React
Class
화면출처: https://facebook.github.io/react/

7. 1. Input
2. query3. Update
Controller ModelView
View

8. ViewModel ModelView
View
1. command
data binding
2. dispatch
3. query

9. ViewModel
(Store)
ModelView
View
data binding 3. query
1. command
2. dispatch

16. 화면출처: daum.net

17. 초기화
State가 변경될때
Unmount

19. MobileDesktop
화면출처: daum.net

21. <Ranking />
<RankingTab name=“뉴스”/>
<RankingTab name=“스포츠”/>
<RankingTab name=“연예”/>
<RankingTabHeader />
<RankingTabBody/>
<RankingTabItems /
<RankingTabFooter />
<RankingTabHeader />
<RankingTabHeader />