Angular 준비하기

1 Angular 학습전 알아야 할 핵심 2가지

1.1 Node.js

  • 서버 사이드 자바 스크립트 실행환경
  • 자바스크립트는 node.js가 설치된곳이면 어디서든지 실행 가능
  • 자바 스크립트에게 브라우저라는 실행환경을 벗어나게 해줌

1.2 NPM(Node Pakage Manager)

  • node.js 의 패키지(자바스크립트, HTML, CSS 등) 관리도구
  • 소스를 패키지로 공유할 수 있고 패키지 의존성 관리를 가능하게함
  • Angular 또한 NPM 기반으로 프로젝트를 구성하고 의존성 패키지를 관리함

2 NPM 다루기

2.1 package.json

  • 프로젝트 생성시에 제일 먼저 생성해야 할 JSON 파일로 패키지와 의존 패키지 정보등을 선언함
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    {
    "name": "welcome-msg-app",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "dependencies": {
    "http-server": "^0.9.0",
    "jquery": "^1.12.4"
    },
    "devDependencies": {},
    "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
    },
    "author": "",
    "license": "ISC"
    }

2.2 NPM 주요 명령어

  • npm install: pakage.json 파일 있는 경우 파일에 선언된 의존패키지를 설치하고
    npm install 뒤에 패키지명 입력하면 해당 패키지 설치함

  • npm run: pakage.json의 scripts에 선언된 명령을 수행




사랑에는 실패가 없다.

Amelie Nothomb