(Javascript | mithril ) m.prop – 양방향 바인딩을 위한 데이터 래퍼

mithril 관련 글 mithril 앱의 기본 구성 및 m() m.render – 가상 DOM 렌더링하기 m.mount – mithril을 이용한 양방향 바인딩 & 템플릿 렌더링 * m.prop 양방향 바인딩을 위한 데이터 래퍼 m.withAttr 양방향 바인딩을 위한 이벤트 매퍼 m.component – mithril 앱을 컴포넌트 화하기 Todo 앱 m.route – 단일페이지 애플리케이션 및 라우팅 규칙 m.request – 서버 API와 통신하기 m.prop() mithril의 양방향 데이터 바인딩을 구현하는 아이디어는 의외로 간단하다. 페이지내 앱에서 사용되는 데이터 모델을 기본적인 수준의 getter-setter 패턴으로 감싼다. 그리고 UI 이벤트를 통해서 모델의

(Javascript | mithril) m.render – 가상 DOM 렌더링하기

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

(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 – 단일페이지 애플리케이션 및 라우팅 규칙 m.request – 서버 API와 통신하기 m.component는 controller + view로 이루어진 컴포넌트를 다른 컴포넌트 내에 임베드할 수 있게 하는 기능이다. 페이지마다

정규식을 사용한 비밀번호 유효성 검사

정규식의 그룹 패턴 중에 Look-around라는 게 있는데, 특정 패턴의 앞/뒤로 만족하는 패턴이 있는 경우에만 해당 패턴을 만족시키는 케이스를 말한다. 예를 들어 apple(?=s)는 apples의 apple만 매칭되고 apple이나 appled는 매칭되지 않도록 하는 것이다. 이를 활용하여 비밀번호 유효성 검사에 정규식을 활용할 수 있다. 예를 들어, 6자리 이상 1개 이상의 영어 대문자 1개 이상의 숫자 라는 조건을 만족해야 한다면 저 전진 검색 패턴을 활용하면 된다.

초경량 MVC 자바스크립트 프레임워크 Mithril

Mithril Mithril은 경량 웹 프론트엔드용 MVC 프레임워크이다. 이 분야에서 가장 인기있는 프레임워크 중 하나인 AngularJS의 경우 JS소스코드의 용량도 만만치 않고, 템플릿을 컴파일하여 렌더링하는 초기 로딩 시간이 상당한데, Mithril의 경우 gzipped로 압축 전송되는 용량이 4kb에 불과하며, HTML마크업상에서 템플릿을 컴파일하지 않고 스크립트 레벨에서 프론트엔드 객체를 생성하거나, 엘레멘트를 그냥 가져오는 방식이라 동작 속도 또한 매우 빠르다.