nodejs(express 모듈)를 활용한 angularjs 구축 - 1

Node.js

: Node.js 는 Chrome V8 Javascript 엔진으로 빌드된 Javascript런타임이다.

JavaScript는 일반적으로 크롬(Chrome)과 같은 브라우저에 내장되어 있습니다. 브라우저에서만 쓰는게 아닌 브라우저 밖, 즉 내 컴퓨터에서 다양한 용도로 확장하기 위해 만들어진 것이 Node.js 입니다.

Node.js를 이용하면 서버를 만들수도 있으며 크롤링도 가능합니다.

중요한점은 Node.js 자체가 웹서버가 아닌 Node.js의 모듈을 이용하여 서버를 만드는것입니다.

​

Node.js는 자바스크립트 런타임(JavaScript Runtime)으로 웹서버를 만들기 위한 도구입니다.

​

AngularJS

: AngularJS는 자바스크립트 프레임워크 중 한개입니다. SPA(Single Page Application) 프레임워크라고도 합니다. SPA(Single Page Application)는 단일 페이지에서 모든걸 보여준다고 생각하면 됩니다.

예를 들어, 하나의 웹 페이지에서 view 부분이 페이지의 주소가 바뀌지 않으면서 새로운 view를 동적으로 로드하여 보여주며 사용하는것이 SPA(Single Page Application) 입니다.

​

1. Node.js 설치

https://nodejs.org/ko/download/

Node.js 홈페이지에서 Windows Installer 를 통해 다운받는다.

​

2. package.json 만들기

* package.json이란 프로젝트 라이브러리 버전 및 의존성을 관리하기 위해 사용하는 json 파일

시작프로그램에서 Node를 검색하면 이러한 커맨드가 나오는데 실행한다.

라이브러리 버전을 관리하는 package.json 을 생성할 경로로 이동하여

​

: npm init 명령어를 통해 package.json을 작성한다.

npm init

처음부터 쭉 엔터 눌러주시고 마지막 yes만 하시면 생성됩니다.

​

3. 웹서버 구동을 위한 라이브러리 설치

npm 명령어를 사용하여 웹서버 구동 라이브러리 및 angularjs 라이브러리를 설치합니다.

* npm(Node Packaged Manager ) : Node.js 에서 Package를 관리해주는 매니저 같은 역할을 합니다.

 

- npm install express --save

* express : Node.js 개발 시 쉽고 빠르게 개발을 할수 있도록 도와주는 웹 프레임워크이다.

: --save를 통해 install을 하게되면 package.json의 dependency에 추가됩니다. 즉, 의존성 관리를 하게 됩니다.

 

- npm install angular --save

 

- npm install angular-ui-router

: angular-ui-router : SPA(Single Page Application)을 사용하기 위한 라이브러리

 

- npm install cpx --save

: cpx : 복사하기 위한 라이브러리

​

4. package.json script 작성

- script

"postinstall": "npm run copy-libs",

"update-deps": "npm update",

"postupdate-deps": "npm run copy-libs",

"copy-libs": "cpx \"node_modules/{angular,angular-*,html5-boilerplate/dist,@uirouter}/**/*\" app/lib -C",

"prestart": "npm install",

"start": "node server.js",

"pretest": "npm install"

package.json

package.json

- script 내용

설치한 cpx 모듈을 사용하여 angularjs를 사용할 /app 폴더에 필요한 라이브러리들을 node_modules에서 복사합니다.

​

* script 순서 :

1. prestart : npm install

2. postinstall : npm run copy-libs

3. "copy-libs"

4. start