Angular.js #1 Introduction to Angular.js

Angular.js, Why?

Google 이 지원하는 Front-end MVW Framework 인 Angular.js

Pros & Cons
  1. Pros
    • 생산성이 높음
    • 웹표준과 ECMAScript 를 적극 도입
    • Full Stack 프레임워크 (테스트, 보완이 고려된 프레임워크)
    • 모듈화시키기 용이
    • Ajax 지옥과 안녕
    • 구글이 지원함
  2. Cons
    • 어려움, 진입장벽이 높음
    • jQuery 같은 DOM 파서와 궁합이 좋지 않음
    • 업데이트가 잦음

참고

Should I use Angular / Backbone or Ember

Requirement

  1. node.js & npm
  2. Yeoman with bower installed
  3. Yeoman generator-angular installed

Install

$ npm install -g yo
$ npm install -g generator-angular
$ npm install -g bower

Scaffolding

$ mkrdir [app-name] && cd [app-name]
$ yo angular [app-name]

Install node module and bower components

Install server-side library for dependency

$ sudo npm install

Install client-side library for dependency

$ bower install

Serve angular app

$ grunt serve

Route

$ yo angular:route contact

Creating CONTROLLER, TEST, VIEW

contact.js, test/contact.js, contact.html