긍정적인 개발자의 꿈

js 문법을 체크해준다.

특정 경고를 무시할 때는 아래와 같이 해준다.

/* jshint ignore:start */

function a(){

}

/* jshint ignore:end */

특정 라인만 무시할려면 아래와 같이 해준다.

// jshint ignore:line

자세한 설명은 아래 링크 참고

사이트 : http://www.jshint.com/

옵션 : http://blog.outsider.ne.kr/1007

기본적인  angluarjs 옵션들.

{

  "curly": true,

  "eqeqeq": true,

  "immed": true,

  "latedef": true,

  "newcap": true,

  "noarg": true,

  "sub": true,

  "undef": true,

  "unused": true,

  "boss": true,

  "eqnull": true,

  "multistr": true,

  "node": true,

  "predef": [

    "suite",

    "setup",

    "test",

    "angular",

    "describe",

    "beforeEach",

    "inject",

    "it",

    "expect"

  ]

}

* rev : 이름 변경

// Renames files for browser caching purposes

        rev: {

            dist: {

                files: {

                    src: [

                        '<%= config.dist %>/scripts/{,*/}*.js',

                        '<%= config.dist %>/styles/{,*/}*.css',

                        '<%= config.dist %>/images/{,*/}*.*',

                        '<%= config.dist %>/styles/fonts/{,*/}*.*',

                        '<%= config.dist %>/*.{ico,png}'

                    ]

                }

            }

        },

: .

* cssmin, uglify : 파일명을 주어 원하는 이름으로 빌드 되도록 한다.

cssmin: {

            dist: {

                files: {

                    '<%= config.dist %>/styles/rest-min.css': [

                        '.tmp/styles/{,*/}*.css',

                        '<%= config.app %>/styles/{,*/}*.css'

                    ]

                }

            }

        },

        uglify: {

            dist: {

                files: {

                    '<%= config.dist %>/scripts/rest-min.js': [

                        // '<%= config.dist %>/scripts/scripts.js'

                        '<%= config.app %>/scripts/{,*/}*.js'

                    ]

                }

            }

        },

        concat: {

            dist: {}

        },

* Nodejs 설치

: 노드 기반 패키지

- http://www.nodejs.org/

- 설치 후 환경 변수 추가!

* Git 설치

: 패키지를 git에서 가져오는 경우도 있음.

- http://git-scm.com/

- 설치 후 환경 변수 추가!

* Ruby on rails 설치

: 프로그램 구현을 루비로도 구성되어 있음.

- http://rubyonrails.org/download

- 설치 후 환경 변수 추가!

* Yeoman 설치 

: 손쉬운 자바 스크립트 개발 환경 설치

: yo + bower + grunt

- http://yeoman.io/gettingstarted.html

: 위 사이트를 참고하여 설치한다.

git 패키지 내려받기 후 작업 리스트

1. grunt 설치

npm install -g grunt

2. grunt 설치

npm install -g grunt-cli

3. grunt 설치

npm install grunt

4. 모든 패키지 설치

npm install

5. bower 설치

npm install -g bower

6. bower 패키지 설치

bower install

7. grunt 빌드

grunt build

8. 서버 키기

grunt server

Yeoman :

http://yeoman.io/

yo + bower + grunt  조합으로 손쉽게 개발환경을 꾸밀수 있도록 해준다.

이번 개인적인 프로젝트는

Yeoman : yo + bower + grunt 환경에

sublime text2 : 개발 도구

angularjs : js 프레임워크

twitter bootstrap : ui 프레임워크

이런 기술 기반으로 시작해보자!

회사외 업무를 진행하느라 어려움이 많겠지만 해보고 싶은거 다 해보자!