역활별 자바스크립트
역활 |
라이브러리 명 |
모듈화 지원 |
- Backbone.js |
비동기 로드 지원 |
- RequireJS |
MVC(Model - View - Controller) |
- AngularJS - knockoutJS |
End-to-End framework |
- Meteor(http://www.meteor.com) on Node.js - Derby(http://derbyjs.com) on Node.js |
- 자바스크립트 MVC는 서버 사이드에서처럼 브라우저 단에서도 데이터와 뷰, 로직 처리를 분리해 개발 및 확장, 유지보수성을 높이고 최저 품질을 높이기 위한 방법을 지원하자는 취지에서 개발됨.
- End-to-End 프레임워크는 Node.js 진영에서 지원되는 프레임워크로 서버에서 브라우저까지 모두 자바스크립트로 개발 할 수 있도록 돼 있다. 서버에 설치부터 필요함.
- AngularJS, KnockoutJS는 Data Binding을 지원한다. Data Binding이란 자바스크립트의 객체 값으로 HTML의 태그와 양방향 통신을 해서 일치시켜 주는 작업을 지원하는 것을 말한다. 별도 HTML태그를 컨트롤 할 필요없이 자바스크립트 객체값만 변경시키면 UI는 저절로 변경이 된다. 그렇다고 아무것도 안하는 것은 아니다.
* 라이브러리를 익혀 나가는 순서.
1. Backbone으로 모듈화 및 기본적인 MVC 의 개념을 익힌다.
2. RequireJS로 비동기적으로 js를 불러와 네트워크 트래픽을 분산시키는 기법을 익힌다.
3. Backbone + Require 또는 AngularJS + RequireJS(KnockoutJS + RequireJS) 의 조합으로 MVC르 ㄹ좀더 심화시킨다. (AngularJS는 구글에서, KnockoutJS는 MS에서 지원하고 있다. )
angular , require backbone
.
'프로그래밍 > Web' 카테고리의 다른 글
StackEdit: An online editor with Markdown Extra support (0) | 2013.09.26 |
---|---|
구글지도 마커 쉽게 만들기 (0) | 2013.09.26 |
Favico.js: Animate your favicon - http://lab.ejci.net/favico.js/ (0) | 2013.09.16 |
ASP 날짜, 시간 - date(), Now(), time() (0) | 2013.09.16 |
Perimeter.js: Detect mouse breaches of an invisible perimeter (0) | 2013.09.16 |