[Node] BodyParser, PostMan, 회원 가입 기능 (+ Nodemon)

0. 들어가기 앞서!

• BodyParser 란
  • 클라이언트에서 서버로 정보를 보낼 때 Bodyparser Dependency 필요함
  • Bodyparser가 Client에서 오는 정보를 서버에서 분석해서 가져올 수 있게 해주는 거임

 

1. BodyParser 다운로드

npm instal body-parser --save

 

2. Postman 다운로드

- 만들어진 클라이언트가 없어서 데이터를 클라이언트에게 보낼 수 없음. 그래서 대용으로 Postman 사용 

 

3. 회원가입 위한 라우터 만들기

const express = require('express')
const app = express()
const port = 4000
const bodyParser = require('body-parser');  // 다운받은 bodyParser 가져오기
const { User } = require('./models/User');  // User 가져오기

// application/x-www-form-urlencoded 타입 데이터를 분석해서 가져올 수 있게 해줌
app.use(bodyParser.urlencoded({extended: true})); 

// application/json 타입 데이터를 분석해서 가져올 수 있게 해줌
app.use(bodyParser.json());

const mongoose = require('mongoose')
mongoose.connect('mongodb+srv://아이디비밀번호@bolier-plate.unathks.mongodb.net/?retryWrites=true&w=majority&appName=bolier-plate', {})
.then(() => console.log('MongoDB connected..'))
.catch(err => console.log(err))


app.get('/', (req, res) => {  
  res.send('node.js 공부 시작!')
})


app.post('/register', async (req, res) => {
  //회원가입시 필요 정보를 client에서 가져오면
  //데이터베이스에 삽입한다

  //body parser를 통해 body에 담긴 정보를 가져온다
  const user = new User(req.body)

  //mongoDB 메서드, user모델에 저장
  const result = await user.save().then(()=>{
    res.status(200).json({
      success: true
    })
  }).catch((err)=>{
    res.json({ success: false, err })
  })
})


app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

 

4. Postman 사용해 회원가입 해보기

1) 코드 실행시키고 데이터베이스 연결 확인

npm run start

2) 결과 🎉

 

Tips. Nodemon

0. Node Mon 이란

• 원래 Node서버를 키고 서버 내에서 변경이 생기면 서버를 내리고 다시 기동시켜야 바뀐 내용이 반영되지만
• Node Mon tool를 이용하면 소스를 변결할 때 그걸 감지해서 자동으로 서버를 재 시작해줌

 

1. Node Mon 다운로드

npm install nodemon --save-dev

- --save-dev`를 붙엿기 때문에 devDependencies에 Node Mon dependencies 생성됨

(-dev: 로컬 모드와 배포하고 난 이후 모드가 있는데 dev를 붙이면 local에서만 사용하겠다는 뜻임)

 

2. Node Mon으로 시작하기

1) script 추가 하기

"backend": "nodemon index.js"

2) 터미널에서 실행

npm run backend

 

3. 결과 🎉

---

★ 따라하며 배우는 노드, 리액트 시리즈 - 기본강의 클론코딩 입니다.