BodyParser & PostMan 설치 & 회원 가입하기

 

 

클라이언트(프론트) - 서버(백)

 

 

 

1. BodyParser Dependency란?

- 원하는 언어의 구조로 바꿔주는 구문 해석기

- 원하는 형식에 맞춰 해석하는 용도

- Parser 종류는 다양함.

+ express 문서에 따르면 미들웨어 없이 req.body 에 접근하는 경우,

기본적으로 undefined 가 설정되어 있으므로 bodyParser와 같은 같은 미들웨어를 사용하여 요청 데이터 값에 접근해야 된다고 설명하고 있다.

 

 

 

2. Postman

- API 개발을 빠르고 쉽게 구현 할 수 있도록 도와주며, 개발된 API를 테스트를 하며 문서화 또는 공유할 수 있도록 도와  주는 플랫폼

 

---

 

 

1. Postman 설치하기

 

회원가입 먼저 진행해주세요!

 

 

 

가입하고 셋팅 준비!

 

 

 

 

 

2. BodyParser 설치하기

비주얼 코드에서 터미널 열어 코드 입력

 

준비했으면 회원가입 기능으로 넘어가기!

 

 

 

 

3. 회원가입 데이터 입력하기

기존 게시물 코드 파일 수정하기

 

- index.jsp

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

const bodyParser = require('body-parser');
const {User} = require("./models/User");

//application/x-www-form-urlencodene url를 통해 정보를 가져옴
app.use(bodyParser.urlencoded({extended: true}));
//application/json
app.use(bodyParser.json());

const mongoose = require('mongoose')
mongoose.connect('mongoose 개인 코드', {
                    //mongoose 6.0 이상 아래 코드를 기본적으로 기억하기 때문에 더이상 지원하지 않음.
                    //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! 안녕 Node Js')
})

//register router 생성
app.post('/register', (req, res) => {

  //회원가입시 필요한 정보들을 client에서 가져오면 정보들을 데이터 베이스에 넣어줌
  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
    }) 
  })
})


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

 

4. 결과 확인

 

터미널에서 실행

npm run start

 

성공했지만 초반에 오류가 출력돼 꽤 시간이 소비되었다...ㅠㅠ

 

오류 원인은 오타, 코드 누락이였다..

조금 더 꼼꼼하게 작업하자!

 

Type error가 출력된다면 User.js 아래 부분 확인하기!

전 User가 누락돼서 오류 뜬 거였어요,,,

 

 

완료!

 

 

커밋도 완료!!