🦁_21.12.30 TIL

21년 12월 30일

📝 코드라이언 - 일단 만드는 node.js

📃 Chapter_5 Express로 개발 효율성 높이기(2)

📎 Routing

Routing

• 요청에 따라 처리를 해주는 것
• routing의 출발점인 app.js 파일에서

// app.js
var indexRouter = require("./routes/index");
app.use("/", indexRouter);
// '/'로 요청을 보냈을 때, 라우팅을 통해서 indexRouter로 요청을 넘기겠다는 의미

// index.js
var express = require("express");
var router = express.Router();

module.exports = routervar express = require("express");
var router = express.Router();

// 라우팅의 시작은 router
// .get, .post, .put, .delete 등 http method를 활용해서
// 1차적으로 method에 관한 요청을 처리할 수 있다.
router.get("/", (req, res) => {
  res.json({
    message: "성공~",
  });
});

module.exports = router;

var express = require("express");
var router = express.Router();

router.get("/main", (req, res) => {
  res.json({
    message: "메인도 성공~",
  });
});

module.exports = router;

• HTTP Method를 POST로 선택한 후 send를 누르면
  => Not Found 확인

• 해당 url에 접근했을 때, 콜백함수로 나오는 request와 response
  • request : 요청에 대한 객체. 클라이언트에서 데이터를 넘겨줄 때 서버 측에서 이를 받기 위한 용도로 사용
  • response : 응답에 대한 객체

var express = require("express");
var router = express.Router();

router.post("/main", (req, res) => {
  console.log(req.body);
});

module.exports = router;

• request 객체의 body 안에 데이터가 담긴다.
  => 이러한 데이터를 서버 측에서 꺼내와서 변수나 상수 안에 초기화 시켜서 사용할 수 있도록 만듦

{ data: 'data1' }

• 대표적인 코드

var express = require("express");
var router = express.Router();

router.post("/main", (req, res) => {
  const data = req.body.data;
  
  // send
  res.send("문자열이 응답됩니다!");
  // json
  res.json({
    message: "json 응답",
  });
  // render
  res.render("index");
  
});

module.exports = router;

13번

• send : 문자열을 응답할 수 있을 때 사용

• json : json 객체를 응답

• render : HTML 코드가 들어간 템플릿 파일을 직접 볼 수 있는 뷰 파일들을 렌더링 해줌
  => .ejs 확장자명 제외하고 작성
  => HTML 코드를 브라우저에 보여주는 방식
  => postman에서 봤을 때 HTML 코드로 보이지만 Preview에서는 아래 그림과 같이 "My first projuect"가 보여진다.