PUG,EXPRESS) 데이터를 back end로 보내는 방법

데이터를 back end 로 보내는 방법

form 안에 input을 넣고

 

method를 post로 바꾸었다.

form의 method를 GET 에서 POST로 변경하였다.

 

 

get과 post를 따로 쓰는 대신에 하나의 경로만 필요로 하는 route를 사용하였고

 

get requests, post requests 를 처리해주었다.

 

한 줄로 표현한 같은 주소를 사용하는 GET 기능과 POST 기능

req.params로 부터 id를 받는다

 

매개변수 = params  // :id

 

req.params와 req.body를 이용해 데이터 보낼 곳을 정한다

 

req.body 는 value 의 javascript representation (javascript식으로 표현한 것)

 

그러나 express가 req.body를 이해하려면 

 

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

 

의 미들웨어를 사용해야하고 미들웨어는 form을 우리가 사용할 수 있는 javascript object 형식으로 통역해준다

 

app.use(express.urlencored({ extended : true }) ;  또한 미들웨어의 순서를 라우터보다 위에 있게 하는 것이 중요하다

 

value 값을 갖는 input에는 name="title" 과 같은 name을 지어줘야한다

 

name 넣는것을 까먹으면 req.body에서 데이터를 볼 수 없다

 

모든 input 에는 name을 넣어주도록 하자

모든 input 에는 name을 넣어줘야 오류가 없다

get 과 post의 차이점

 

get

페이지를 get 해서 돌아가고 뭔가를 클릭하고 form에 뭔가를 입력해서 , submit 버튼을 누르면 post request이 실행된다

post

해당되는 post controller가 실행이 되면 그 controller는 body로부터 정보를 얻어서 이것 저것 저장하게 된다.

 

---

 

 

변경 전

---

변경 후

---

https://expressjs.com/ko/4x/api.html#app.param

Express 4.x - API 참조

---