[MAC] Node/React 기초 — Body Parser, POSTMAN,Register Router, NODEMON 설정하기

 

출처 : 인프런_따라하며 배우는 노드, 리액트 시리즈 — 기본 강의

 

 

Step 1) Body-Parser 설치

Body-Parser라는 Dependency를 이용하여 Client에서 보내는 자료들(이름, 이메일 등)을 서버에서 분석해서 받을 수 있도록 한다.

 

$ npm install body-parser --save

 

 

Step 2) POST MAN 설치

Client에서 Request를 줘야하는데 현재 Client 가 없으니 POSTMAN을 이용해서 request 를 보낸다.

구글에서 postman을 검색하여 다운받자.

 

 

Step 3) Register Router 만들기

회원 가입을 위한 Router를 만들어보자.

• index.js 파일에 코드를 추가하여 아래와 같이 작성한다.

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

//body-parser 와 User 가져오기
const bodyParser = require('body-parser');
const {User} = require("./models/User");

//bodyParser에 옵션주기
app.use(bodyParser.urlencoded({extended: true}));   //Clinet가 보낸 application/x-www-form-urlencoded로 된 데이터를 분석해서 가져올 수 있도록 함
app.use(bodyParser.json());                         //이건 application/json 형태의 데이터 가져올 수 있게 함

const mongoose = require('mongoose')
mongoose.connect('mongodb+srv://nanyoung:<비밀번호>@cluster0.5wf88.mongodb.net/<dbname>?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에서 가져오면
//그것들을 DB에 넣는다.

const user = new User(req.body)

//req.body에는 아래와 같이 body-parser를 이용해서 json 형태로 받은 데이터 들어있음
// {
//     id: "hello"
//     password: "123"
// }

user.save((err, userInfo) =>{
	if(err) return res.json({success: false, err})  //실패하면 에러메세지를 json 형태로 출력
		return res.status(200).json({   //status(200)은 성공했다는 뜻
		success: true
	})
	}) //MongoDB에서 오는 메소드
})

app.listen(port, () => {
	console.log(`Example app listening at http://localhost:${port}`)
})

app.listen(port, () => {
	console.log(`Example app listening at http://localhost:${port}`)
})

 

그 후

$ npm run start

로 application을 실행한다.

 

 

 

Step 4) Post man 으로 실제로 회원가입하기

성공

 

 

 

 

Step 5) NODE MON 다운로드

• NODE MON : 소스를 변경할 때 그걸 감지해서 자동으로 서버를 재 시작해주는 툴

$ npm install nodemon --save -dev

• dev : development(로컬)과 production(배포 이후) 두가지 버전 중 전자에 해당.

 

 

Step 6) NODEMON으로 시작하기

package.json 파일에 아래와 같이 Line8 을 추가한다.

 

 

그 후 

$npm run backend

로 서버를 실행해보자.