태그 보관물: m()

(Javascript | mithril) 단일페이지 애플리케이션 및 라우팅 규칙

m.route – 단일페이지 애플리케이션 및 라우팅 규칙

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의 라우팅은 단일 페이지 애플리케이션(Single Page Application, SPA)을 만들 수 있게 해주는 시스템으로 개별 페이지에 대한 북마크 및 브라우저의 히스토리 메카니즘을 그대로 사용할 수 있게도 해준다. 따라서 하나의 HTML 파일 및 스크립트 파일 기반으로 여러 페이지를 구현하는 것이다.

m.route()는 라우팅 시스템을 총괄하는 함수로 , 현재 페이지에서 사용가능한 URL을 정의하고, 특정 URL로 리다이렉팅하거나 현재 경로를 리턴하는 등의 기능을 수행한다.

(Javascript | mithril) mithril 앱의 기본 구성 및 m()

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로 작성되는 앱은 크게 두 가지 요소로 구성된다.

  1. UI 요소와 양방향으로 바인딩되는 데이터 컨트롤러
  2. 이를 실제로 표현하는 가상 DOM 템플릿 생성함수

따라서 mithril 앱은 거창할 것 없이, controller, view 두 개의 키를 가지는 객체이며, 이 두 키는 각각 다음과 같은 특성을 가진다.

  1. controller : 뷰에서 사용될 데이터를 조작하는 컨트롤러를 생성하는 함수. 객체를 리턴하는 함수이거나, 특정 클래스의 생성자일 수 있다.
  2. view : controller가 리턴하는 객체, 혹은 controller를 통해 생성한 클래스 인스턴스를 인자로 받는 함수로, m() 에 의해 렌더링될 가상 DOM 트리 객체를 리턴하는 함수

Continue reading “(Javascript | mithril) mithril 앱의 기본 구성 및 m()” »