TIL) Node.js - POST 요청

폼에 입력한 데이터를 서버에 전송하는 법(POST요청)

콜백함수

함수 안에 함수(function(){})
순차적으로 실행하고 싶을 때 사용한다.

.get('경로', function(요청내용, 응답할 방법) {
	//
});

ES6 이후 문법

.get('경로', (요청내용, 응답할 방법) => {
	//
});

form에서 POST요청으로 서버에게 데이터 전달하는 방법

/* write.html */
<form action="/add" method="POST">
// action과 method 속성은 꼭 있어야 한다

form에 저렇게 코드를 추가해주고 Submit 버튼을 누르면 폼에 입력한 제목과 날짜를 서버에 전달할 수 있다. method에 POST와 GET을 입력할 수 있는데 버튼을 눌렀을 때 GET요청을 할 것인지 POST 요청을 할 것인지 정해서 입력해주면 된다.

/* server.js */
app.post('/add', function(req, res) {
	res.send('전송완료');
});

POST요청으로 서버에 데이터 전송하고 싶을 때

1. body-parser 설치

body-parser라는 라이브러리가 있어야 내가 보낸 데이터 처리가 쉽게 가능하다.
터미널창에 npm install body-parser, yarn add body-parser 입력해서 설치하고

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

이 코드를 server.js 위쪽에 추가해주기.

2. form 데이터의 경우 input에 name 쓰기

서버에서 input을 구분하기 위해 name="이름" 적는 것이다.

<input type="text" class="form-control" name="title" />
<input type="text" class="form-control" name="date" />

/* server.js */
app.post("/add", function (req, res) {
  res.send("전송 완료");
  console.log(req.body.title);
});

console.log(요청.body.이름); 추가해주면 터미널 서버창에 데이터가 전달된다.

출처: 코딩애플 강의