태그 보관물: angular.js

Angular, Ember, Knockout 양방향(two-way) 바인딩 비교 + Knockout 비동기 렌더링 해법

Two-way Binding in MVVM Frameworks

JSConf 2013에서 발표된 대표적인 웹 클라이언트용 MVVM(Model-View-ViewModel) 프레임워크인 Angular, Ember, Knockout의 양방향(two-way) 바인딩에 대한 비교 발표입니다. 요즘 많이 주목받는 SPA(Single-Page Application)에 빠질 수 없는 것이 MVVM 또는 MVW(Model-View-Whatever) 프레임워크이죠. 20분 정도의 길지 않은 발표이지만 발표자 Marius Gundersen의 깊은 고민의 흔적이 느껴지며 각 프레임워크별 양방향 바인딩의 장단점을 쉽고 간결하게 설명합니다. 컨퍼런스 성격 답게 슬라이드는 impress.js를 사용해 웹에서 직접 실습 가능하도록 멋지게 만들어 졌습니다.

계속 읽기

AngularJS 초보자의 삽질 2(failed to proxy…)

공식 튜토리얼을 따라하며 재밌게 AngularJS를 배우고 있습니다. 3단계 예제에서 보여준 뷰 계층만을 위한 데이터 바인딩은 WPF와 Silverlight에서 많이 봐왔지만 KnockoutJS는 지원하지 않는 멋진 기능입니다. End-to-end 테스트 역시 저로서는 처음 경험하는 뷰 테스트 기법으로 아주 재미있습니다.

그런데 Karma를 사용한 end-to-end 테스트를 실행하는 중 문제가 발생했습니다.

계속 읽기

AngularJS 초보의 삽질 1(‘PhoneListCtrl’ is not a function…)

KnockoutJS를 통해 웹 개발에 MVVM 패턴을 적용하며 재미를 느낀 것이 그리 오래되지 않은 것 같은데 어느새 AngularJS가 웹 MVW 프레임워크 점유율 1위로 조사되었습니다. 한동안 기웃기웃 만 하다가 마침 Angular를 사용할 프로젝트에 참여하게 되어 공식 튜토리얼을 따라 하며 학습을 시작했습니다.

하지만 초보자에게 모든 것이 술술 풀려주지는 않네요.

계속 읽기