[웹서버 구축하기] express 모듈 설치

express 모듈은 http와 connect 컴포넌트를 기반으로하는 웹 프레임워크 입니다.

간단하게 말해서 node.js를 사용해서 편리하게 웹 환경을 구축하게 도와주는 친구라고 볼 수 있습니다.

1. express 모듈 설치

시작 - 실행 을 눌러서 cmd를 실행시킵니다.

현재 경로와 상관없이 아래와 같이 명령어를 입력해서 모듈을 설치합시다.

npm install express -g

마지막에 -g 옵션은 global, 즉 '전역'으로 설치하겠다는 의미입니다.

환경변수 path에 설정되어 있는 사용자 폴더에 설치함으로써 경로와 상관없이 express 모듈을 실행시킬 수 있습니다.

만약 구성하고자 하는 프로젝트에만 설정하고자 한다면 -g 대신에 --save-dev 옵션을 주고 로컬로 설치하면 됩니다.

--save-dev 옵션을 주면 pakage.json 이라는 파일에 dependency 항목이 변경이 되는데, 추후 프로젝트를 옮기거나 다수의 개발자가 작업을 할때 npm intall이라는 명령어로 dependency에 작성된 모듈들을 한번에 설치해 줄 수 있습니다.

이는 나중에 더 자세히 알아보도록 하겠습니다. 지금은 그냥 global로 설치합시다.

2. 프로젝트 생성

설치를 완료했다면 이제 프로젝트를 생성할 차례입니다.

먼저 cmd에서 프로젝트를 생성할 폴더로 이동한 후 

express [프로젝트 디렉토리명]

을 실행합니다.

위 명령어를 실행했는데 express 명령을 인식하지 못하는 문제가 발생했다면..

express-generator 모듈을 설치해야합니다.

npm install express-generator -g

명령어로 전역으로 설치해주도록 합니다.

이제 다시 원하는 프로젝트 디렉토리 이름으로 프로젝트를 생성합니다.

3. 서버 올리기

정상적으로 생성했다면 디렉토리가 추가되면서 그 안에 여러가지 파일들이 생겨났을 겁니다.

어떤 블로그를 보니 node app.js로 서버를 올리라고 포스팅 되어 있어서 따라했더니 실패했습니다.

pakage.json을 열어보니 

 "scripts": {
    "start": "node ./bin/www"
  },

이런 구문이 있습니다.

json 문법으로, "start" 라는 이름으로 "node ./bin/www" 라는 명령어를 지정해 놓았습니다.

서버를 구동시키기 위해서는 cmd에서 프로젝트 폴더로 이동 한 후 node ./bin/www를 실행해야합니다.

4. 확인

port에 대해 별다른 설정을 하지 않았다면, 기본 포트는 3000입니다.

따라서 정상적으로 서버가 올라갔다면 http://localhost:3000으로 접속해서 확인할 수 있습니다.

아래와 같은 화면이 떠야 합니다.