Express.js] 여러 정보를 한번에 export하는 라우터 만들기

Node.js

Express.js] 여러 정보를 한번에 export하는 라우터 만들기

김휴고 2023. 12. 12. 17:40

1. 기존 : module.exports = router

// admin.js
const path = require("path");

const express = require("express");

const rootDir = require("../util/path");

const router = express.Router();

// /admin/add-product <- GET
router.get("/add-product", (req, res, next) => {
  res.sendFile(path.join(rootDir, "views", "add-product.html"));
});

// /admin/add-product <- POST
router.post("/add-product", (req, res, next) => {
  console.log(req.body);
  res.redirect("/");
});

module.exports = router;

//app.js 요약
const adminRoutes = require("./routes/admin");

app.use("/admin", adminRoutes);

기존 코드에서는 admin의 router 정보만 담아서 내보내기 했고,

app.js에서도 router 정보 하나만 다루었다.

그러나 하나의 모듈에서 여러 정보를 함께 내보내기 할 수 있다.

2. 변경 : exports. =

새로운 정보를 담을 배열을 하나 만들어보자.

//admin.js
const products = [];

이제 라우터와 함께 프로덕트 배열을 함께 저장해서 사용할 거다.

// admin.js

//module.exports = router;
exports.routes = router;
exports.products = products;

// app.js

//const adminRoutes =  require("./routes/admin");
const adminData = require("./routes/admin");

//app.use("/admin", adminRoutes);
app.use("/admin", adminData.routes);

이게 require('~/admin')을 통해 불러오는 정보는 라우터 정보 뿐만 아니라

프로덕트 배열도 함께 담고 있다.

따라서 변수명을 바꿨다.

adminRoutes -> adminData

미들웨어에서도 adminRoutes를 바로 쓰는 게 아니라

adminData가 갖고 있는 routes를 지정해 사용하도록 한다.

// admin.js

router.post("/add-product", (req, res, next) => {
  products.push({ title: req.body.title });
  res.redirect("/");
});

admin.js에서 프로덕트 배열에 새로운 정보를 저장한다.

const로 선언했어도 배열은 참조타입이라 새로운 정보를 저장할 수 있다.

push() : 배열의 마지막에 새로운 값을 추가한다.

여기서는 배열 안에 객체들을 생성해 저장한다.

title이라는 이름의 속성은

req.body.title을 통해 브라우저의 post 요청이 담고 있는 title(앞에 쓴 title과 다름)을 가져와 저장한다.

// shop.js

const adminData = require("./admin");

router.get("/", (req, res, next) => {
  console.log(adminData.products);
  res.sendFile(path.join(rootDir, "views", "shop.html"));
});

"/"로 연결되는 메인페이지에서

프로덕트 배열 안에 있는 값을 콘솔로 찍어보자.