node.js로 만든 서버에서 post처리, body-parser

get으로 응답하는 법은 알았으니... 이제 입력폼에서 서버로 전송된 값을 어떻게 확인하나 알아보자.

 

    <div class="container mt-4">
        <form action="/add" method="POST">
            <div class="form-group">
              <label>할일</label>
              <input class="form-control" type="text" name="title">
            </div>
            <div class="form-group">
              <label>Due date</label>
              <input class="form-control" type="text" name="date">
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
        </form>
    </div>

submit 버튼을 누르면 입력값을 post방식으로 전송하는 간단한 form.

서버에서 input 값을 구분하기위해 name태그를 부여해준다.

 

app.post('/add', (req, res)=>{
    res.send('전송완료');
    console.log(req.body.title); // req.body면 form에 적힌 데이터 수신가능
    console.log(req.body.date);
});

server.js 에서 간단하게 post 구현. 이제 어떻게 확인하냐면.... 라이브러리 추가 설치가 필요합니다요.

---

npm install body-parser

1. 터미널에서 body-parser 라이브러리를 설치해주고, 

const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({extended : true}));

2. 간단히 셋팅해주면 됨. body-parser는 요청데이터 해석을 쉽게 도와준다.

 

 

submit버튼을 누르면 이제 콘솔창에 입력값 확인 가넝. 여기까지 input에 적은 정보를 서버로 보내는 법.

이제 DB에 저장해보자. 다음 글에서 REST API 에 대해 배우고...