본문으로 바로가기

[Node.js] Express 시작하기

category Web/Node.js 2020. 3. 15. 01:37

1. Express 설치

터미널 창에 Express-generator를 전역 설치 합니다.

(Express-generator가 콘솔 명령어이므로 전역설치 합니다.)

npm install -g express-generator

2. 프로젝트 생성

프로젝트를 생성할 폴더로 이동해 프로젝트를 생성합니다.

명령어 ->  express <프로젝트 이름>

express learn-express --view=pug

만들어진 프로젝트 폴더로 이동해서 npm 모듈들을 설치합니다.

cd express-test && npm install

프로젝트 폴더 안에 파일들이 생성되면 완료

3. 프로젝트 디렉토리 구조

디렉토리 구조

  • bin > www : 서버를 실행하는 스크립트
  •  public  : 이미지, javascript, css와 같은 정적파일이 들어 있는 폴더
  •  routes  : 서버의 로직
  •  views  : 화면 부분
  •  app.js  : 핵심적인 서버 역할을 하는 파일

위에는 없지만 데이터와 연관된 부분은  models  폴더를 추가해 그 안에 작성하게 된다.

4. 실행

아래 명령어로 서버를 실행시킵니다.

npm start

http://localhost:3000으로 접속하면 아래와 같은 화면을 볼 수 있습니다.

실행 결과

콘솔에는 클라이언트가 보낸 요청에 관한 정보가 아래와 같이 기록됩니다.

GET / 200 211.819 ms - 170
GET /stylesheets/style.css 200 2.566 ms - 111
GET /favicon.ico 404 12.782 ms - 1312

http://localhost:3000/users에도 접속해봅니다.

아래와 같은 화면을 볼 수 있으며

결과 화면 2

콘솔에도 GET /users 요청이 기록됩니다.

GET /users 200 0.990 ms - 23