FrontendSPABackbone.js

Backbone.js View

Backbone View

Model을 어떻게 보여줄지 View와 관련된 Event를 Listen & React 하는 역할.
화면에 나타나는 UI를 담당하며 프론트엔드의 특성상 view가 controller의 성격도 가지고 있다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<input type="input" placeholder="검색어 입력">

//뷰 선언
var Book = Backbone.View.extend({
    //초기화
    initialize: function() {
        console.log('초기생성');
    },
    //이벤트 핸들러 바인딩
    events: {
        'keydown input[type=input]' : 'doSearch'
    },
    doSearch: function(event) {
        console.log('doSearch');
    }
});

//뷰 생성
var book = new Book();

참조

공유하기