[AngularJS] AngularJS_FullStack

-----------------------------------------------------------------------
AngularJS_FullStack
-----------------------------------------------------------------------

1. 설치 

• generator-angular-fullstack
• yo 등이 안깔려있으면, 다 깔고, 아니면 -fullstack 만 깐다.
• $ npm install -g yo grunt-cli bower generator-angular-fullstack
• $ npm install mocha

2. 파이썬 설치

• 운영체제에 맞게 설치

3. 프로젝트 생성

• $ yo angular-fullstack [app-name]

4. mongoDB 사용한다면 다운로드(windows)

• https://www.mongodb.org/
• 설치경로 
• C:\MongoDB
• 환경변수 path 추가
• $ C:\MongoDB\bin
• Datafile 경로 추가
• $ MD C:\MongoDB\test
• DBPath 추가
• mongod --dbpath c:\MongoDB\test
• 실행안되면 --journal 옵션을 붙여본다. 32bit
• 그래도 안되면 32bit exception(c28663 cannot start server)
• $ mongod --storageEngine=mmapv1 --dbpath c:\MongoDB\test

5. Grunt 확인

• grunt test
• grunt build
• grunt serve
• 설치 옵션으로 여러가지를 넣었더니.. 더 화려하게 나타났다.
• 
• 편리한건.. 폴더 구조를 어떻게 잡을지 고민이 많은데, 폴더 구조가 깔끔하다는 것

Project Structure

Overview

├── client
│   ├── app                 - All of our app specific components go in here
│   ├── assets              - Custom assets: fonts, images, etc…
│   ├── components          - Our reusable components, non-specific to to our app
│
├── e2e                     - Our protractor end to end tests
│
└── server
    ├── api                 - Our apps server api
    ├── auth                - For handling authentication with different auth strategies
    ├── components          - Our reusable or app-wide components
    ├── config              - Where we do the bulk of our apps configuration
    │   └── local.env.js    - Keep our environment variables out of source control
    │   └── environment     - Configuration specific to the node environment
    └── views               - Server rendered views

An example client component in client/app

main
├── main.js                 - Routes
├── main.controller.js      - Controller for our main route
├── main.controller.spec.js - Test
├── main.html               - View
└── main.less               - Styles

An example server component in server/api

thing
├── index.js                - Routes
├── thing.controller.js     - Controller for our `thing` endpoint
├── thing.model.js          - Database model
├── thing.socket.js         - Register socket events
└── thing.spec.js           - Test

* Reference

• https://github.com/angular-fullstack/generator-angular-fullstack