[marionette.js] region vs layout

region와 layout은 마리오네트 js에서 화면을 구성하는데 언급되는 용어다.

region과 layout은 화면을 생성할 때 사용된다. 

그러면 이 둘의 차이점은 무엇일까?

template/template.html 파일 예제.

<div id="mainLayout">

<container id="subLayout"/>

<div class=""/>

</div>

mainLayout.js 코드 예제

var template = require('text!template/teamplate.html')

var SubLayout = require('js/SubLayout');

var mainLayout = Marionette.Layout.extend({

template: _.tempate(template),

regions: {

subLayout: '#subLayout'

},

initialize: function() {

},

onAttach: function() {

this.getRegion('subLayout').show(new SubLayout());

}

})

위의 예제를 보았으니 각 항목의 역할에 대해 정리해보자.

layout : 애플리케이션의 화면을 구성하는 view

region : Layout의 세부 요소들 

결국엔 region 영역의 집합을 layout으로 생각하면될 것 같다.