(연재) m.route – 단일페이지 애플리케이션을 위한 라우팅 – Mithril

mithril은 단일 페이지 애플리케이션(Single Page Application, SPA)을 만들 수 있게 해주는 시스템으로 개별 페이지에 대한 북마크 및 브라우저의 히스토리 메카니즘을 그대로 사용할 수 있게도 해준다. m.route()는 라우팅 시스템을 총괄하는 함수로 , 현재 페이지에서 사용가능한 URL을 정의하고, 특정 URL로 리다이렉팅하거나 현재 경로를 리턴하는 등의 기능을 수행한다. m.route(rootElement, defaultRoute, routes) – 각 루트를 정의하고 루트의 URL 패턴별 대응하는

Todo 앱 : 예제 – Mithril [updated for 1.0]

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

(연재) m() – 가상노드와 컴포넌트 – Mithril

가상노드 Mithril은 기본적으로 가상 DOM 노드를 생성하고 이를 실제 웹페이지 내의 DOM에 마운트하거나, 특정 DOM내부에 가상 노드를 렌더링하는 일을 수행하는 것으로 UI를 구성한다. m()은 가상 노드를 표현하는 함수이다. 기본적인 모양은 다음과 같다. m( selector, attributes, children ) selector : 특정 노드를 생성하기 위한 태그명 혹은 CSS 셀렉터이다. 클래스나 아이디를 사용하면 기본적으로 div 태그로 표현된다. attributes