(연재) 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와 통신하기

자바스크립트 배열의 정렬

javascrip는 개인적으로 참 마음에 안드는 부분이 많은데, 그 중에서도 배열의 sort() 메소드는 좀 좌절스러운 것이… a = [0 to 10].map -> parseInt Math.random! * 100 # [ 74, 7, 45, 41, 43, 85, 84, 66, 41, 91 ] a.sort! # [ 41, 41, 43, 45, 66, 7, 74, 84, 85, 91 ] 숫자로 된 배열을

m.withAttr – 이벤트 핸들러 처리 – Mithril

m.withAttr() 함소는 가상노드로 만들어지는 DOM 요소에 이벤트 핸들러를 손쉽게 추가해주는 편의함수이다. 예를 들어 input 필드에 텍스트를 입력할 때 항상 소문자로만 입력을 받고 싶다고 하자. 그러면 oninput 이벤트 핸들러를 통해서 입력된 값을 소문자로 변환해서 어딘가에 저장하고, 이 값을 value 속성을 통해서 표시할 수 있다. 대략 다음과 같은 식으로 구현해볼 수 있을 것이다. # javascript let state = {desc: ”}