본문 바로가기
Web/Node.js

MEAN stack과 친해지기(4) Express 설치하고 실행시켜보기

by supdev 2017. 4. 12.

http://expressjs.com/ko/starter/installing.html

Express.js 사이트의 guide 문서를 참고하였습니다.

위 사이트에서는 두가지로 설명하고 있는데 웹 어플리케이션을 만드는 데에는 두번째 방법이 효과적일 것 같습니다.



1. 간단한 Express앱 설치


- 이 앱은 app.js라는 단 하나의 파일로 실행됩니다.



먼저 Express앱을 저장할 디렉토리를 생성합니다

mkdir newapp
cd newapp


아래 명령을 통해 앱의 기초 설정을 해줍니다.

npm init


모든 초기값을 입력하면 그 정보들이 package.json에 저장됩니다.

[supdev@localhost newapp]$ ls
package.json


아래 명령어를 통해 간단한 express앱을 설치합니다.

뒤에 --save 을 붙여 설치하면 이 Node 모듈은 package.json 파일 내의 dependencies 목록에 추가되며 이후 app 디렉토리에서 npm install 을 실행하면 종속 목록 내의 항목들이 자동으로 설치된다고 합니다.

npm install express
npm install express --save


설치가 완료되면 app.js 라는 이름의 파일을 생성해 다음과 같이 입력해줍니다.

var express = require('express');
var app = express();

app.get('/', function(req, res){
res.send('Hello World!');
});

app.listen(3000, function(){
console.log('Example app listening on port 3000!);
});


이 앱을 실행시키는 명령어는 다음과 같습니다. (Ctrl+C로 종료할 수 있습니다.)

node app.js


정상적으로 작동되는 것을 확인하기 위해 Firefox를 열어

http://localhost:3000/ 에 접속, 확인해봅니다.




2. Express 애플리케이션 생성기 설치


- express의 모듈들을 통해 애플리케이션의 골격을 빠르게 작성할 수 있습니다.



다음 명령어를 통해 설치합니다.

npm install express-generator -g


도움말을 볼 수 있습니다.

express -h


이후 종속 항목을 설치합니다. 

npm install이라는 명령을 통해 package.json - dependencies 에 의존 모듈들을 express가 자동으로 설치해줍니다

cd myapp npm instal


다음 명령어로도 앱을 실행시킬 수 있습니다.

DEBUG=myapp:* npm start