프로세스


1. npm init -y

  • 제이슨 패키지 파일 생성 (package.json)

2. npm install express

  • express 설치 (node.modules/package-lock.json)

3. 기본 세팅

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('윤로그')
})

app.listen(port, () => {
  console.log(`listening at http://localhost:${port}`)
})

라우팅

  • 많은 양의 페이지를 관리하기위해 express가 제공하는 router 객체
// index.js 
const userRouter = require('./routes/user')
app.use('/user', userRouter)

// user.js
var express = require('express');
var router = express.Router();

router.get('/login', (req, res) => {
    res.send('로그인 페이지')
})

router.get('/register', (req, res) => {
    res.send('회원가입 페이지')
})

module.exports = router;

미들웨어

  • 정의한 라우터에 도달 하기 전 중간에서 처리 해야 할 작업
// 데이터 가공
app.use(express.urlencoded({extended: false}))
app.use(express.json())

// 정적 파일 사용 가능
app.use(express.static('public'));

템플릿 엔진

  • 일관된 형식의 HTML 파일을 하나의 파일로 동적으로 데이터를 삽입하여 구성
// EJS 선언
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');

// /views/index.ejs 파일 랜더
app.get('/home', (req, res) => {
	res.render('index')
}) 

0개의 댓글

관련 채용 정보

Powered by GraphCDN, the GraphQL CDN