1. 개발 환경 잡기
yarn global add express-generator
express [프로젝트 이름]
or
express --view=ejs []
cd []
yarn add
2. 기본 구조 이해하기
├── app.js 중간의 미들웨어를 거쳐 클라이언트의 요청을 처리, 응답한다
├── bin
│ └── www http 모듈에 express 모듈을 연결하고 포트를 지정한다
├── package.json
├── public 정적 페이지 (css, html, js)
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── routes 요청을 응답하는 routes들
│ ├── index.js
│ └── users.js
└── views 동적 페이지 (ejs, jade)
├── error.ejs
├── index.ejs
└── layout.ejs
3. app.js 살펴보기
const bodyParser = require('body-parser')
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', require('./routes/index'));
app.use('/users', require('./routes/users'));
- express에선 import 대신 require 를 사용한다.
- use 는 해당
'/'
으로 시작하는 요청에 모두 응답한다
NEXT STEP
Router 조작하기