Router 객체로 라우팅 분리하기

올챙이·2024년 8월 28일
라우팅

Node.js

목록 보기
15/23
post-thumbnail

라우팅 분리

routes/index.js

1
2
3
4
5
6
7
8
9
const express = require("express");
 
const router = express.Router();
 
router.get("/", (req, res) => {
    res.send("Hello, Express");
});
 
module.exports = router;
cs

routes/user.js

1
2
3
4
5
6
7
8
9
const express = require("express");
 
const router = express.Router();
 
router.get("/", (req, res) => {
    res.send("Hello, User");
});
 
module.exports = router;
cs

app.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
const express = require("express");
const morgan = require("morgan");
const cookieParser = require("cookie-parser");
const session = require("express-session");
const dotenv = require("dotenv");
const path = require("path");
 
dotenv.config();
const indexRouter = require("./routes");
const userRouter = require("./routes/user");
 
const app = express();
app.set("port", process.env.PORT || 3000);
 
app.use(morgan("dev"));
app.use("/", express.static(path.join(__dirname, "public")));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser(process.env.COOKIE_SECRET));
app.use(
    session({
        resave: false,
        saveUninitialized: false,
        secret: process.env.COOKIE_SECRET,
        cookie: {
            httpOnly: true,
            secure: false,
        },
        name: "session-cookie",
    })
);
 
app.use("/", indexRouter);
app.use("/user", userRouter);
 
app.use((req, res, next) => {
    res.status(404).send("Not Found");
});
 
app.use((err, req, res, next) => {
    console.error(err);
    res.status(500).send(err.message);
});
 
app.listen(app.get("port"), () => {
    console.log(app.get("port"), "번 포트에서 대기 중");
});
cs

  • indexRouter

    '/'와 '/'가 합쳐져 app.use('/')에 연결했습니다.

  • userRouter

    '/'와 '/user'가 합쳐져 app.use('/user')에 연결했습니다.

라우트 매개변수

1
2
3
router.get("/user/:id", (req, res) => {
    console.log(req.params, req.query);
});
cs

  • :id

    • 이 부분에 다른 값을 넣어 처리합니다.

    • 단, 일반 라우터보다는 뒤에 위치해야 다른 라우터를 방해하지 않습니다.

      1
      2
      3
      4
      5
      6
      7
      router.get("/user/:id", (req, res) => {
          console.log("실행o");
      });
       
      router.get("/user/like", (req, res) => {
          console.log("실행x");
      });
      		cs

    • /users/123?limit=5&skip=10

      • { id: '123' } { limit: '5', skip: '10' }
profile
올챙이
이전 포스트

multer

다음 포스트

MySQL

0개의 댓글