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'));

NEXT STEP


Router 조작하기