TIL 10. Express

📝📌📒

📝 Express.js

웹 서버를 만들 때 편리한 기능을 제공하는 프레임워크

📌 Express 가 없다면?

const http = require('http') //----- 1

const server = http.createServer((req, res) => { //----- 2
  console.log('request received')

  res.setHeader('Content-Type', 'application/json') //----- 3
  res.end(JSON.stringify({ message: "Welcome to JUST CODE server! Http server without express" })) // 4
});

server.listen(8000, () => {
  console.log('server is running on PORT 8000')
}) // 5

1. Node.js 내장 http 모듈을 가져와서 변수에 저장
2. req => http request의 정보, res => http resoponse 객체
3. 요청에 대한 응답의 header를 application/json 형태로 세팅
4. res.end 함수를 통해서 요청에 대한 응답(body에)을 마무리
5. server 는 앞서 생성한 서버를 의미, listen 함수는 인자로 포트번호와 콜백함수를 받는다.
   포트번호로 서버를 열고 서버가 실행될 때의 로직을 콜백함수 안에서 처리한다.
   
   

 if (url === '/ping') {
    return res.end(JSON.stringify({ message: '/ pong' }))
  }
  if (url === '/signup' && method === 'POST') return res.end(JSON.stringify({ message: '회원가입 완료!' }))
  if (url === '/login' && method === 'POST') return res.end(JSON.stringify({ message: '로그인 완료!' }))
  if (url === '/products' && method === 'GET') return sendProducts(res)

위와 같이 라우팅을 직접 request 객체에서 url과 method에 따라서 조건문으로 처리해 주어야 한다.
하지만 점점 더 앱의 규모가 커지면 서버를 실행하는 함수 안에서 수많은 조건문과 로직을 모듈화 해야한다. 따라서 이를 해결하기 위해서 탄생한 프레임워크가 Express 이다.

📌 Express

라우팅과 로직의 모듈화를 위해 사용

1. 조건문으로 라우팅을 처리했던 것에 비해 간편
2. 각각의 요청을 처리하는 함수의 분리
   
   

const http = require('http')
const express = require('express')
const { sendProducts } = require('./sendProducts2')

const app = express()
app.use(express.json())

app.get('/ping', (req, res) => {
  res.json({ message: '/ pong' })
})

app.post('/signup', (req, res) => {res.json('signup success')}) // 첫번째 인자에는 endpoint url 을 기입하고,
app.post('/login', (req, res) => {res.json('login success')}) // 각각의 요청에 대해 핸들링 하는 함수를 두번째 인자로 넣습니다.
app.get('/products', sendProducts(req, res))

const server = http.createServer(app)

server.listen(8000, () => {
  console.log('server is listening on PORT 8000')
})

✍ app.method('path',handler function) 의 형태