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

m.route – 단일페이지 애플리케이션 및 라우팅 규칙 mithril 관련 글 mithril 앱의 기본 구성 및 m() m.render – 가상 DOM 렌더링하기 m.mount – mithril을 이용한 양방향 바인딩 & 템플릿 렌더링 m.prop 양방향 바인딩을 위한 데이터 래퍼 m.withAttr 양방향 바인딩을 위한 이벤트 매퍼 m.component – mithril 앱을 컴포넌트화하기 Todo 앱 \* m.route – 단일페이지 애플리케이션 및 라우팅 규칙 m.request – 서버 API와 통신하기 mithril의 라우팅은 단일 페이지 애플리케이션(Single Page Application, SPA)을 만들 수 있게 해주는 시스템으로 개별 페이지에 대한 북마크 및

(Javascript | mithril) Todo 앱 – 예제

mithril 관련 글 mithril 앱의 기본 구성 및 m() m.render – 가상 DOM 렌더링하기 m.mount – mithril을 이용한 양방향 바인딩 & 템플릿 렌더링 m.prop 양방향 바인딩을 위한 데이터 래퍼 m.withAttr 양방향 바인딩을 위한 이벤트 매퍼 m.component – mithril 앱을 컴포넌트화하기 * Todo 앱 m.route – 단일페이지 애플리케이션 및 라우팅 규칙 m.request – 서버 API와 통신하기 간단한 TODO앱을 작성해보도록하자. ToDo 앱은 MVC 패턴으로 구성할 수 있는 가장 간단한 앱의 형태이다. 이 앱을 만들기 위한 기본적인 스케치는 다음과 같다. 텍스트를 입력할 수

자바스크립트 배열의 정렬

javascript에서 배열의 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 ] 숫자로 된 배열을 정렬할 때도 사전식으로 비교하는 통탄할…. sort 메소드는 비교 함수를 받긴하므로, 정수 크기별로 비교하려면, 다음과 같이 각 값을 정수형으로 계산한 결과를 던져주는 비교함수를 넣어준다. (-첫째인자 + 둘째인자로 코딩하면 -첫째인자에 의해서 자동으로 정수형으로 인식함. a.sort

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

mithril 관련 글 mithril 앱의 기본 구성 및 m() m.render – 가상 DOM 렌더링하기 * m.mount – mithril을 이용한 양방향 바인딩 & 템플릿 렌더링 m.prop 양방향 바인딩을 위한 데이터 래퍼 m.withAttr 양방향 바인딩을 위한 양방향 바인딩을 위한 이벤트 매퍼 m.component – mithril 앱을 컴포넌트 화하기 Todo 앱 m.route – 단일페이지 애플리케이션 및 라우팅 규칙 m.request – 서버 API와 통신하기 마운팅은 mithril 내 앱 컴포넌트가 생성한 결과물(가상 DOM)을 HTML DOM내에 렌더링하는 작업을 의미한다. m.render은 m()으로 생성한 가상 DOM을 한 번 처리하여