ݺߣ

ݺߣShare a Scribd company logo
Backbone 발표
Backbone.js
Backbone.js
척추.js
MVC? MV*? MVVM?
ViewModel
Collection Router
Backbone.js ?
Backbone.js
Code
Backbone.js ?
RouterView CollectionModel
“클라이언트 개발에 MVC패턴 적용을 가능하게 해주는 자바스크립트 프레임워크”
SPA(single-page web apps)을 만들거나 복잡한 user interface를 만들기 위해
간단한 jquery나 mootools로는 구현하기가 매우 어렵다.
View
Jquery
Model
backbone
View Router
Backbone.js ?
RESTful design에 특화된 Model/Collection Structure
View의 Event bind용이
Model-View 가 철저히 분리되며,
이렇게 구성된 각 애플리케이션은
이벤트기반 또는 상호참조 기반 연결 가능
View 표현이 자유로우며 높은 유연성과 확장성
Backbone.js ?
Model View Controller
Model View *
?
Server
Client
MVC? MV*? MVVM?
Router
ViewDOM Collection
DOM 이벤트 모델 이벤트
DOM 갱신 모델 갱신
HTTP요청
MV*
단일한 데이터 덩어리-객체
Conversion(전환)
Validation(유효성)
Computation(속성값 조작)
AccessControl(접근제어)
interactive data(상호작용을 하는데이터)
Model
View
View
DOM
Collection
DOM 이벤트
모델 이벤트
DOM 갱신
모델 갱신
Model이 db에서 레코드 하나와 비유된다면
Collection은 쿼리 결과로 받은 레코드들.
Model 데이터를 관리하기 위한 하나의 틀
Collection
Router
Hash tag(#)를 사용할 때
URL을 routing 하기 위하여 사용
www.example.com/#search/lkwis/7
URL을 관리하는 객체
Router
ViewDOM Collection
DOM 이벤트 모델 이벤트
DOM 갱신 모델 갱신
HTTP요청
MV*

More Related Content

Backbone 발표