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에도 접속해봅니다.
아래와 같은 화면을 볼 수 있으며
콘솔에도 GET /users 요청이 기록됩니다.
GET /users 200 0.990 ms - 23
'Web > Node.js' 카테고리의 다른 글
[Node.js] Express+MongoDB, API 서버 구현하기(1) (0) | 2020.04.01 |
---|---|
[Node.js] Express 구조 이해하기 (0) | 2020.03.15 |
[Node.js] http모듈 활용 - REST API와 라우팅 (0) | 2020.03.14 |
[Node.js] Node.js란? (0) | 2020.03.12 |