[Express.js/MongoDB] READ 기능 구현하기

목표

CRUD 기능 중 READ 기능을 구현한다.

과정

사실 지난번 포스팅에서 제품을 READ하는 기능을 추가하였지만, 해당 제품의 Detail 페이지를 만들어 보다 더 자세한 READ 기능을 구현해보겠습니다.

 

1. 먼저, 다음과 같은 라우트 핸들러를 작성합니다.

app.get("/apperals/:id", async (req, res) => {
  const apperal = await Apperal.findById(req.params.id);
  res.render("details", { apperal });
});

 

2. 다음과 같은 화면을 구성합니다.

3. ID를 잘못 입력한 경우를 대비해 오류 처리를 해줍니다.

app.get("/apperals/:id", async (req, res, next) => {
  try {
    const apperal = await Apperal.findById(req.params.id);
    res.render("details", { apperal });
  } catch (e) {
    console.log("Error!");
    return next(e);
  }
});

결과

참고자료