(연재) m.render – 가상 DOM 렌더링하기 – Mithril

m.render vs m.mount 미스릴은 virtual dom node를 생성하고, 이 가상 노드를 문서내의 특정 요소에 렌더링하거나 마운트한다. 가상 노드를 생성하는 컴포넌트를 작성하고, 해당 컴포넌트의 내용을 화면에 표시하기 위해서는 이미 존재하는 HTML 문서 내의 특정 DOM의 내부를 가상 노드로 채워주게 된다. 이 때 사용하는 함수로 m.render() 와 m.mount()가 있다. m.render()는 1회성으로 가상 노드를 렌더링하며, m.mount()는 특정 DOM에

(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

(Javascript | mithril ) m.component – 앱을 컴포넌트화하기

본격 mithril 탐구. 가독성을 위해서 본 문서에서는 LiveScript로 예제를 작성합니다. mithril 관련 글 mithril 앱의 기본 구성 및 m() m.render – 가상 DOM 렌더링하기 m.mount – mithril을 이용한 양방향 바인딩 & 템플릿 렌더링 m.prop 양방향 바인딩을 위한 데이터 래퍼 m.withAttr 양방향 바인딩을 위한 이벤트 매퍼 * m.component – mithril 앱을 컴포넌트화하기 Todo 앱 m.route –

스도쿠 문제 풀이 작성하기 (LiveScript)

스도쿠 문제를 풀어주는 프로그램을 만들어보자. 스도쿠 풀이 방법은 여러 접근법이 있지만, 여기서는 가장 간단하게 임의의 한 빈칸에서 출발해서 ‘쓸 수 있는 숫자 후보’들을 하나씩 넣으면서 다음 빈칸으로 이동하는 식으로 진행한다. 여기서 사용할 언어는 Livescript이다. 노드 스도쿠 문제풀이에 사용하고자 하는 방식은 일종의 깊이 우선 탐색이다. 각 칸에서 사용가능한 후보 숫자 중 하나를 적용하고 다른 칸으로 이동한다.

LiveScript + NodeJS

back call livescript는 자바스크립트로 컴파일되는 스크립트 언어로, 그 문법적 특징이 하스켈 의 것을 많이 참고하고 있다. 예를 들면 괄호없이 함수를 호출한다거나, 함수 파라미 터간의 컴마를 생략할 수 있다거나 하는 것들이 있다. 한 때 흥미삼아서 조금 만져보다가 관뒀었는데, 갑자기 모 사이트에서 NodeJS 튜토리얼을 몇 개 따라해보려다가1 생각이나서 그 사이트의 튜토리얼 코드들을 라이브스크립트로 코딩해봤더니 이거 썩 괜찮더라.