POST요청 순서 정리

김성진·2021년 5월 14일

1.먼저 해야 할 일
*기본 html파일에 form 태그 만들어 놓기
form태그에 action="경로" method="POST" 속성 작성해놓기

속성 설명
method : 전송 누를시 어떤방식으로 할 것인가?
POST : 글쓰기

POST요청 사용법

app.post('경로', function(요청, 응답){
응답.send('전송완료')
});

위 input에 적은 정보는 어디있는지????
콜백 요청에 있음 꺼내쓰려면 라이브러리 필요함

라이브러리 설치

1.터미널에 npm install body-parser 설치
2.서버 재실행
3.main.js에 아래 코드 입력 선언

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

정리.

POST요청으로 서버에 데이터 전송하고 싶으면
1. body-parser 필요
2. form 데이터의 경우 input들에 name 쓰기

전달되는지 확인해보기 (터미널에서 정보 전달 확인가능)

app.post('/경로', function(요청, 응답){
응답.send('전송완료');
console.log(요청.body.name명)
});

express 설치 관련 참고용

중요 포인트

post('/경로, .... ) 에서 경로는 서버측 경로 설정
(post는 서버쪽 전송이기때문에 보이지않음 확인하기위해 body-parser 활용)
폼태그의 action설정도한 서버쪽 주소, method는 POST또는 GET만 설정가능

get('/경로, ...)는 보여주는 경로 설정
(get는 요청하여 보여주는 방식 , sendFile활용하여 html파일등을 보여줌)

profile
step by step

0개의 댓글