nodejs 핵심 모듈 express 설치 및 설정

 

nodejs 핵심 모듈 express 설치 및 설정

 

이번 포스팅에서는 nodejs의 핵심 프레임워크인 express의 설치 방법을 알아보고

설정에 대해 간단히 알아보도록 하겠습니다.

 

express는 자바의 Spring 프레임워크와 비슷하다고 할 수 있습니다.

실질적인 nodejs의 표준 프레임워크이기 때문이죠.

 

'nodejs로 웹 애플리케이션을 개발했다.' 라는 말은 당연히 express를 활용했다

라고도 할 수 있죠.

 

그럼 설치 방법을 알아보도록 하겠습니다.

 

express-generator 와 express 를 설치 하겠습니다.

 

nodejs command propmt 창을 열어

npm install -g express-generator

를 입력 해 express-generator부터 설치를 합니다.

-g는 전역설정을 의미합니다. 특정프로젝트에만 적용하는 것이 아니라

기본 프레임워크로 활용할 것이기 때문입니다.

 

 

그 다음 express를 설치 합니다.

npm install express

 

여기서 몇가지 경고가 나오는데요, package.json이 없다 뭐 이런 말네죠.

이 경고에 대해서는 아래쪽에서 알아보도록 하고,

 

이제 express 설치가 완료되었으니 활용해보도록 하죠.

프로젝트를 생성할 폴더로 이동한 후

express 프로젝트명 을 입력합니다. 저는 express-test 라고 명명 했습니다.

 

 

뭔가 쭉 생성이 되었네요. 그럼 ATOM 에서 확인해보도록 하겠습니다.

 

 

위에서 명명한 express-test 폴더가 생성된 것을 볼 수 있고,

자동으로 폴더와 파일들이 생성된 것도 보실 수 있습니다.

 

 

 

오! 저기 아까 경고가 났던 package.json이 있군요!

저 package.json은 메이븐의 pom.xml과 같은 역할을 합니다.

의존성을 처리해주는 파일이죠. 한번 확인해볼까요?

 

{
  "name": "express-test",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "body-parser": "~1.18.2",
    "cookie-parser": "~1.4.3",
    "debug": "~2.6.9",
    "express": "~4.15.5",
    "jade": "~1.11.0",
    "morgan": "~1.9.0",
    "serve-favicon": "~2.4.5"
  }
}
 

 

맨 처음 jsonObject는 프로젝트에 대한 간단한 내용이고,

그 다음 dependencies 가 보이시죠? 여기가 바로

메이븐 pom.xml 의 <dependencies> 태그와 같은 역할을 하는 것 입니다.

 

사용할 모듈, 패키지에 대한 정보를 넣어두고,

프로젝트에서 npm install 명령어만 실행하면 package.json의 dependencies에 있는 모듈들이 설치가 되죠.

maven update와 같습니다. 그럼 실행해보죠.

 

프로젝트로 이동해 npm install 명령어를 입력합니다.

 

 

뭐 최신버젼을 설치해라 정도의 경고가 나오긴 하지만 알아서 설치가 되는 것을 확인하실 수 있습니다.

pakage.json 에서 한가지 더 볼 것이 있습니다. script의 start 인데요.

nodejs에서 실행하는 명령어는 node js파일명 이였습니다. 하지만 express를 적용하면

실행을 npm start로 하게 되는데 왜 그렇게 동작하는지 보도록 하죠.

 

pakage.json 을 보면 "start": "node ./bin/www" 이렇게 설정되어 있습니다.

생성한 프로젝트 경로에서 ./bin/www 파일을 확인해 보도록 합시다.

 

/**
 * Get port from environment and store in Express.
 */
 
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
 
/**
 * Create HTTP server.
 */
 
var server = http.createServer(app);
 
/**
 * Listen on provided port, on all network interfaces.
 */
 
server.listen(port);

 

이곳에서 바로 서버를 생성하고 실행하고 있음을 알수 있습니다.

그래서 해당 프로젝트의 경로에서 npm start를 하게 되면 서버가 동작하게 됩니다.

 

확인을 해보도록 하죠.

 

 

프로젝트의 경로에서 npm start를 입력합니다.

그럼 몇줄의 텍스트가 나오고

 

 

브라우저에서 실행된 것을 확인 하실 수 있습니다.

 

다음 포스팅에서는 express의 설정파일들과 jade 에 대해서 알아보도록 하겠습니다.