[Node.js] - 폼에 입력한 데이터를 서버에 전송하는 법 (POST요청)

콜백함수 : 함수안에 함수 들어가는것 (function(){})

1. 순차적으로 실행하고싶을때 많이 씀

ex) 어디로 1.접속을 하면 무엇을 2.실행해주세요

 

 

.get('경로작명',function(요청, 응답){}) 

* 화살표 함수도 가능 .get('경로작명',(요청, 응답) => {})

app.get('/pet',function(req,res){
    res.send('펫용품 쇼핑할 수 있는 페이지입니다.'); 
});

app.get('/',function(req,res){ //
    res.sendFile(__dirname + '/index.html');
});

.send() 문구 보내주세요

.sendFile() 파일 보내주세요

---

Submit 버튼 누르면 폼에 입력한 데이터를 POST 요청하여 서버로 전달

 

<form> 태그 기능 개발시 꼭 있어야하는 속성 2가지

1. action : 요청할 경로
2. method : 전송 누를시 GET 요청할거냐 POST 요청할거냐

* form 태그 있다면 반드시 속성 2가지가 있는지 확인해야 됨

없으면 form에 적은 정보를 서버로 전달할 수 없음

 

 

 

Q. input에 적은 정보는 어디에 저장이 된거?

function(요청,응답)에서 요청에 있음

요청에 담긴 정보 쉽게 꺼내쓰려면

라이브러리(body-parser) 필요

 

 

 

body-parser 라이브러리 설치

 

2021년 이후론 body-parser 라이브러리가 express에 기본 포함이라 따로 npm 할 필요는 없고

맨위쪽에 코드만 추가하면 됨

 

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

 

 

 

form 태그 안에 있는 input 들에 name 속성 달기

 

*name - 서버에 보내는 데이터의 고유이름

input태그가 여러개라서 name을 안쓰면 서버 입장에서는 구분을 못함

 

 

 

 

form에서 보낸자료 확인하기

 

● req.body

오브젝트 형태이므로 내가 원하는 자료만 꺼내서 쓸 수 있음

 

 

● req.body.input이름

 

 

서버에 정보를 보냈으므로

보낸 정보들을 영구저장 시키는 방법을 알아야된다

그래야 필요할때마다 저장시킨 정보를 불러올 수 있음!