boiler-plate : body-parser과 PostMan을 사용해보기

오늘의 스터디는 boiler-plate에 업로드된 body-parser, Postman을 사용한 스터디 내용을 정리하려고 한다.

 

 

 

body-parser

Node.js 본문 파싱 미들웨어.

터미널에서 body-parser을 설치하기

터미널에서 설치 명령어를 통해 설치를 해주면 된다.

 

TMI 추가 설명

이전에는 body-parser을 따로 설치를 한 후, 임포트를 진행하였지만 Express v4.16.0을 기준으로 body parser가 추가가 되었다고 한다. 그래서 따로 설치를 하지 않고 다음과 같은 코드로 변경할 수 있다.

 

// 일부 생략 index.js

app.use(express.urlencoded({extended: true}));
app.use(express.json());

// 일부 생략

 

또한 Postman을 설치하게 되면 API Platform을 좀 더 빠르게 시작할 수 있다고 한다.

postman을 다운로드 하는 사이트

다운을 받아 실행하면 자동으로 설치가 되고 다음과 같은 화면이 나타난다.

 

그리고 회원가입을 위한 router를 입력한다.

// index.js
const express = require('express')
const app = express()
const port = 5000 // 벡서버
const bodyParser = require('body-parser');
// app. post값을 하기 위해 user모델을 가져오는 것
const {User} = require("./models/User");

//application/x-www-form-urlencode
app.use(bodyParser.urlencoded({extended: true}));
app.use(bodyParser.json());

const mongoose = require('mongoose')
mongoose.connect('mongodb+srv://miok:tpzy591@boilerplate.7efpi.mongodb.net/myFirstDatabase?retryWrites=true&w=majority', {
  useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false // 미사용시 에러발생
}).then(() => console.log('MongoDB Connected...'))
  .catch(err => console.log(err))
  
app.get('/', (req, res) => {
  res.send('Hello World! 안녕하세요')
})

app.post('/register', (req, res) => {
  //회원 가입할 때 필요한 정보들을 client에서 가져오면, 그것들을 데이터 베이스에 넣어준다.

  // User을 가져와 instance를 만든다?
  const user = new User(req.body)

  user.save((err, userInfo) => {
    if(err) return res.json({success: false, err})
    return res.status(200).json({
      success: true
    })
  }) //mongodb 메소드
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`) // 5000번 포트에서 실행
})

입력을 한 후 yarn run start를 실행을 해준다.

터미널에서 yarn run start실행하기

실행을 하고 MongoDB연결을 확인이 되었다면 Postman에서 잘 되었는지 확인을 하면 된다.

postman에서 회원가입 전달해보기

1. 먼저 +를 하여 POST를 선택하고 현재 벡단서버인 링크 뒤에 entponter값인 /register를 추가한다.

2. Body를 선택하고, 3. JSON값을 선택하여, 4. User값에 필수 값으로 설정된 값을 입력해보고 Send를 클릭한다.

하단의 5 JSON을 선택하면 마지막 6번에 회원가입이 성공되는 것을 확인할 수 있다.

 

이 내용은 유튜버 John Ahn님의 노드 리액트 기초 강의 7번을 토대로 작성하였으며, 추후 내용이 이해도를 더욱 높이기 위해 이해도가 되는대로 더 업로드할 예정이다.

 

 

 

한동안 딜레이가 빠지다가 이제야 다시 마음잡고 시작하고 있다.

이 유지가 더욱 오래되어 취업성공까지 이어지기를 바라면서 오늘도 열심히 열공을 하려 한다.

 

21. 03. 11 upload

21. 04. 19 body-parser에 대한 내용 추가