(Javascript | mithril ) m.mount – 양방향 바인딩 & 템플릿 렌더링

mithril 관련 글

  1. mithril 앱의 기본 구성 및 m()
  2. m.render – 가상 DOM 렌더링하기
  3. * m.mountmithril을 이용한 양방향 바인딩 & 템플릿 렌더링
  4. m.prop 양방향 바인딩을 위한 데이터 래퍼
  5. m.withAttr 양방향 바인딩을 위한 양방향 바인딩을 위한 이벤트 매퍼
  6. m.componentmithril 앱을 컴포넌트 화하기
  7. Todo
  8. m.route – 단일페이지 애플리케이션 및 라우팅 규칙
  9. m.request – 서버 API와 통신하기

마운팅은 mithril 내 앱 컴포넌트가 생성한 결과물(가상 DOM)을 HTML DOM내에 렌더링하는 작업을 의미한다. m.renderm()으로 생성한 가상 DOM을 한 번 처리하여 렌더링하는데 있지만, m.mount는 내부에 controllerview를 모두 가지고 있는 앱 컴포넌트를 렌더링하는 것이며, 앱이 UI에 대한 이벤트를 걸어두었을 때 이벤트가 발생하는 것에 따라 모델의 요소값이 변경되면 뷰를 자동으로 redraw한다는데 있다.

Object mount(DOMElement rootElement, Component component)

where
    Component :: Object{ Controller, View }
    Controller :: SimpleController | UnloadableController
        SimpleController :: void controller([Object attributes [, any, ..args]])
        UnloadbleController :: void controller ([Object attributes [, any ...args]]) { prototype: void unload(UnloadEvent e)}
            UnloadEvent :: Object{ void preventDefault() }
    View :: void view(Object controllerInstance [, Object attributes [, any ...args]])

컴포넌트에 대한 보다 자세한 내용은 다음 글을 찾아볼 것. :: m.componentmithril 앱을 컴포넌트 화하기