2. Installing & 'Hello World!'

이번 시간엔 Express 설치와 간단한 예제를 만들어보겠습니다.

우선 Node.js를 설치합니다.

본 설치과정이 진행되는 환경은 리눅스입니다.

저는 윈도우에서 진행하였습니다.

다음 명령어를 사용해 작업할 디렉토리를 만듭니다.

myapp은 작업 디렉토리명으로 본인의 입맛에 맞게 고치도록 합니다.

윈도우 환경에서는 c:\ 와 같이 한글 경로명이 들어가 있지 않은 경로로 지정하여

작업 디렉토리를 생성하도록 합니다.

$ mkdir myapp 
$ cd myapp 

그 후 다음 명령어를 입력해 *package.json파일을 생성합니다.

* 본문 하단에서 설명하도록 하겠습니다.

$ npm init

위 명령어를 입력하면 다음과 같은 구문이 주어집니다.

따로 지정할 값이 있지 않은 이상 모든 키에 대해서는 엔터를 입력하여 기본값을 입력합니다.

저의 경우엔 메인 파일명만 'app.js'라고 지정해줬습니다.

완료가 되면 해당 폴더에 'package.json'이라는 파일이 생성됩니다.

이제 Express를 설치할 준비단계를 마쳤으니 Express를 설치해보도록 하겠습니다.

다음 명령어를 입력합니다.

$ npm install express --save // package.json파일이 생성된 디렉토리에서 입력합니다.

이렇게 해서 기본 설치과정은 끝이 났습니다.

계속해서 기본 예제를 한번 만들어 보도록 하겠습니다.

모름지기 새로운 컴퓨터 언어나 개발환경을 구축했으면 'Hello World'를 찍어봐야 되지 않겠어요?

기본이 될 디렉토리며 파일을 한 방에 만들어주는 'express-generator'가 있지만 배워가는 입장인 만큼

'express-generator'를 쓰지 않고 직접 하나하나 만들어가보겠습니다.

우선 앞서 만들었던 myapp 디렉토리로 이동하여 다음과 같이 작성하고

파일 이름은 앞서 'package.json'을 생성할 때 entry-point 에 준 값을 이름하여 파일을 생성합니다.

저의 경우 'app.js'라고 했습니다.

var express = require('express'); // express 모듈을 불러옵니다.
var app = express(); // 모듈을 변수에 저장합니다. 



// 라우팅을 지정합니다.

app.get('/', function (req, res) { 
  res.send('Hello World!'); // 'Hello World'를 응답으로 보냅니다.
}); 



// 서버를 구동합니다. (포트번호 : 3000)

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

이렇게 끝났습니다.

벌써 끝났습니다.

정말 쉽지 않나요?

해당 코드를 돌리면 포트번호를 3000으로 해 서버가 시작됩니다.

'/'로 들어온 요청에 대해 서버는 'Hello World'로 응답합니다.

* '/'외의 요청에 대해서는 페이지를 찾을 수 없다는 뜻의 '404' 에러코드가 반환됩니다.

실행은 다음과 같이 합니다.

$ node app.js

브라우저에서 'http://localhost:3000/' 를 입력하여 결과를 감상합니다.

앞선 과정이 제대로 되었을 경우 반가운 메세지를 볼 수 있을 것입니다.

"Hello World!"

이로써 간단한 예제가 끝이 났습니다.

고생하셨습니다.