[Node.js] Form / POST / Body-parser

✅ Form 내용 서버로 전달받기

🔸 Form 태그에서 보내기

• Form 태그에 'action', 'method'속성 추가
• action => 요청 경로
• method => 정보를 어떤 형태로 전달할 건가요?(GET, POST)
  관습적으로 글쓰기 등의 역할에는 POST를 주로 사용함
• 정보를 보내주기 위해서는 Form 태그 내 input을 비롯한 각각의 태그에 'name'속성을 입력해줘야한다.
  => 서버에서 name 속성을 통해서 가져갈 것이기 때문에!!

🔸 server 파일에서 정보 받기 with Body-parser

app.post('action경로', function(request, response){
   response.send('done');
}

• Form에서 submit 버튼을 누르면 해당 경로에 대한 응답이 잘 출력됨을 확인할 수 있음

• 그러면 전송했던 데이터들은?
• Form 태그에서 submit 버튼을 통해 전송한 데이터들은 콜백함수의 요청(request)에 담겨있음!!
• 그리고 이를 쉽게 꺼내쓰기 위한 라이브러리가 필요하다

  터미널> npm install body-parser

  // 서버파일.js 상단에 기본 설정 코드 추가
  const bodyParser = require('body-parser');
  app.use(bodyParser.urlencoded({extended : true});

• 이제 request에 담긴 데이터를 request.body.지정한name 속성으로 접근할 수 있음

app.post('action경로', function(request, response){
   console.log(request.body.지정한name속성);
}

🌟 잘못된 부분에 대한 말씀은 언제나 저에게 큰 도움이 됩니다. 🌟
👍 감사합니다!! 👍