태그 보관물: web framework

(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) m.render – 가상 DOM 렌더링하기

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와 통신하기

m.render

m.render는 미리 구성된 컴포넌트 단위를 주어진 DOM 위에 렌더링하는 일을 담당한다. 이 메소드가 동일한 가상 DOM 세트에 대해서 한 번 이상 호출되는 경우에는 기존 DOM 트리와 신규 트리 사이의 차이를 지능적으로 분석하여 변경이 일어난 부분에 대해서만 재 렌더링을 하는 방식으로 성능을 높이게끔 동작한다. Continue reading “(Javascript | mithril) m.render – 가상 DOM 렌더링하기” »