2. Express.js

👀 Express.js란?

1. Node.js를 위한 프레임워크

2. Express.js는 미들웨어 중심이다. 그래서 미들웨어를 통해 요청을 받고 응답을 반환할 수 있다.

3. 미들웨어 함수는 요청이 해당 미들웨어 함수에 도달할때마다 실행된다.

4. Express는 수신 요청을 리스닝하고 다양한 타입의 요청에 대한 여러 작업을 단순화할 수 있다.

👀 Express.js 설치 및 설정

1. package.json 파일을 생성하기 위해서 터미널에서 입력한다.

$ npm init

2. Express를 설치한다.

$ npm install express --save

3. 설치가 잘 되었는지 package.json에서 확인한다.

4. nodemon 설치(필수는 아님, 개발할때만 필요한 라이브러리로 -dev를 붙여준다.)

server.js파일 수정할때마다 서버를 다시 열어줘야 하는데 nodemon을 설치하면 node.js랑 js파일을 실행하기도 하고

프로젝트 폴더의 모든 파일을 감시도 해서 파일이 변경될 때마다 서버를 자동으로 다시 시작해주기 때문에 손이 덜간다.

$ npm install nodemon --save-dev

👀 Express.js 기본 세팅

1. 여러 기능이 포함된 서버 객체는 상수 app에 저장되기 때문에 createServer은 호출하지 않아도 된다.

2. express의 핵심은 모든 요청을 상황에 따른 여러 개의 미들웨어 함수를 통해 수신하는 것!

const express = require('express') // express.js 가져온다
const app = express() // express 서버 생성
const PORT = process.env.PORT || 4000 // PORT번호 4000에 할당
const bodyParser = require('body-parser')
app.use(bodyParser.json())

// 서버가 요청 처리하는곳(CRUC)
app.post('/users/:name&:age', (req,res)=>{
    console.log(req.body) // request body
    const name = req.params.name
    const age = req.params.age
    res.send({ success: `post ${name} & ${age}` })
})

app.get('/users',(req,res)=>{
    // console.log('server:/api/get/person')
    res.send({person_res:'success!'})
})

// put은 전체 수정
app.put('/users/:name',(req,res)=>{
    console.log(req.params)
    console.log(req.body)
    console.log(req.params.name)
    console.log(req.body.age)

    const name = req.params.name
    const age = req.body.age
    res.send({ success: `put ${name} & ${age}` })
})

// patch는 부분 수정
app.patch('/users/:name',(req,res)=>{
    console.log(req.params)
    console.log(req.body)
    console.log(req.body.age)

    const age = req.body.age
    res.send({ success: `patch ${age}` })
})

app.delete('/users/:name',(req,res)=>{
    console.log(req.params)

    const name = req.params.name
    res.send({ success: `delete ${name}` })
})

// listen은 서버의 대기상태 (TCP/IP 통신의 과정중에 있는 함수)
app.listen(PORT,()=>{
    console.log(`Server On: http://localhost:${PORT}`)
})

 

 

 

---

* 참고

https://www.udemy.com/course/react-nodejs-express-mongodb-mern/learn/lecture/33745704#overview