2015년 8월 16일 일요일

Node.js 공부(2) - npm을 통한 Express Generator 설치

* 해당 글에서 틀린 내용이 있을 수 있습니다. 틀린 내용에 대한 지적이나 더 나은 글을 위한 의견은 언제든지 환영입니다.

1. npm이란?

npm makes it easy for JavaScript developers to share and reuse code, and it makes it easy to update the code that you're sharing
npm은 Node.js에서 사용되는 모듈을 패키지로 모아놓고 이를 관리해주는 툴이라고 생각하면 됩니다. Node.js를 통해 개발 시 npm에 등록된 모듈들을 이용하여 개발을 할 수 있습니다. Ubuntu 사용자라면 쉽게 apt를 통한 software 설치를 생각하면 쉬울 것 같습니다. npm은 보통 Node.js 설치 시 함께 설치되기 때문에 별도로 설치할 필요는 없습니다. Node.js 설치 후 npm이 설치되어 있는지 확인할려면 다음과 같은 명령어를 통해 확인이 가능합니다.
$ npm -v
npm에 대한 더 자세한 내용은 https://www.npmjs.com/ 해당 사이트를 확인하시면 됩니다.

2. Express란?

Express는 Node.js에서 사용할 수 있는 Web Framework입니다. 개발자들은 Express를 통해 Node.js 환경에서 Web page를 손쉽게 개발할 수 있습니다. 앞으로의 내용에서는 Express를 통해 Node.js 환경에서 간단한 웹페이지를 구현할 예정입니다. Express에 대한 더 자세한 내용은 http://expressjs.com/ 해당 사이트를 확인하시면 됩니다.

3. npm을 통한 express-generator 설치

express-generator는 Express 웹프레임워크를 이용한 프로젝트를 손쉽게 생성하기 위한 Express Application Generator Tool입니다. 해당 툴을 이용하여 Express를 사용할 수 있도록 설정된 빈 프로젝트를 손쉽게 생성할 수 있습니다. 해당 툴의 설치는 npm을 통해 설치를 할 수 있으며 Ubuntu 환경에서는 다음과 같은 명령어를 통해 설치가 가능합니다.
$ sudo npm install express-generator -g
express-generator가 성공적으로 설치가 되었다면 다음 명령어를 통해 옵션을 확인해보면 됩니다.
$ express -h

4. express-generator를 통한 빈 프로젝트 생성

이제 설치한 express-generator를 통해 빈 프로젝트를 하나 생성해보겠습니다. myapp이라는 프로젝트를 생성하길 원한다면 다음과 같은 명령어를 실행합니다.
$ sudo express myapp
해당 명령어를 실행하면 다음과 같이 프로젝트가 생성됩니다.
이제 myapp 프로젝트에서 사용할 모듈들을 npm을 통해서 설치합니다. 위 그림에서 알려주는 것과 같이 다음과 같은 명령어를 실행하면 됩니다.
$ cd myapp
$ sudo npm install
이제는 빈 프로젝트를 실행할 차례입니다. 마찬가지로 express-generator 설치 시 알려주었던 명령어를 실행하면 됩니다.
$ npm start
프로젝트가 실행되는 것을 확인한 다음 http://localhost:3000/를 접속하면 됩니다.

이상으로 npm을 통해 Express Generator를 설치하고 이를 통해 빈 프로젝트를 생성하는 것까지 보았습니다. 다음 시간부터는 간단한 웹페이지를 만들어 보겠습니다.