forum-express : log 3

[lky473736]

forum-express - log 3

글 보기, 글 상세 페이지, 글 작성 기능을 구현하자.

항상 어떤 기능 (feature)을 만들거나 무언가를 debugging해야할 때 무작정 그 기능에 대해 검색하는 것보다는 먼저 한글로 시나리오를 작성하는 연습이 매우 중요한 것 같다.

---

글 보기 기능

시나리오

• /list 페이지에 들어간다
• 제목과 글을 미리볼 수 있는 시스템이 좋겠다

app.get('/list', async (요청, 응답) => {
    // 글 보여줄 글목록을 db로부터 가지고 오기
    let postlist = await db.collection('post').find().toArray();
    console.log(postlist);

    // ejs 띄우기
    응답.render('list.ejs', {글목록 : postlist});
});

---

글 상세 페이지

시나리오

• /detail/~~ 페이지에 들어간다
  • 이때 ~~부분은 그 글의 고유한 번호여야만 한다
  • 고유한 번호는 MongoDB document의 _id 프로퍼티를 이용하면 될 듯
  • 만약 사용자가 잘못된 parameter (없는 글)로 접근하면 경고 띄워주면서 다시 /list로 돌아가게끔 하자

app.get('/detail/:id', async(요청, 응답) => {
  try {
    let posting = await db.collection('post').findOne({_id : new ObjectId(요청.params.id)});
    console.log(요청.params.id); 

    if (posting != null) { // 만약 posting이 null이 아니면
      응답.render('detail.ejs', {글 : posting});
    }

    else { // posting이 null이면
      응답.send("<script>alert('존재하지 않는 게시물입니다.'); window.location.replace('/list');</script>");
    }
  } catch (err) {
    console.log('error occurred');
    return 응답.status(404).send('user error occurred');
    // 404는 유저잘못이라는 뜻임
  }
});

---

글 작성 기능

시나리오

• /write 페이지에서 글을 작성할 수 있게 할 텐데, post 형식으로 /add로 글을 전송하자
• /add로 글을 전송한 후에 insertOne으로 db에 넣으면 될 듯 하다. 이때 예외처리를 할 것
  • 제목이나 내용을 적지 않았으면 경고창 띄우고 다시 작성하게끔 하기
  • 접근이 잘못되었으면 status(500).send(~)

app.get('/write', async(요청, 응답) => {
    응답.render('write.ejs');
});

app.post('/add', async(요청, 응답) => {
    // 요청.body : 유저가 보낸 데이터를 출력 가능 
    // -> body 사용하려면 기본 세팅 필요
    // 요청.query : 유저가 보낸 URL query 데이터를 출력 가능 (query string)
    console.log(요청.body)

    // 예외 처리 (검열처리) => if/else문
    // 만약 제목이나 내용이 없다면 다시 작성하게끔 하기
    if (요청.body.title == '' || 요청.body.content == '') {
      // 다시 작성하라는 메세지와 함께 작성창 다시 로드하기
      응답.send("<script>alert('제목이나 내용이 없습니다. 다시 작성해주십시오.'); window.location.replace('/write');</script>");
    }

    else {
      // 만약에 db가 다운되거나 db가 용량이 딸릴때는 저장하면 안되지 않을까?
      // 에러상황 처리는 try, catch
      try {
        await db.collection('post').insertOne({
          title : 요청.body.title, // 제목 넣기
          content : 요청.body.content // 내용 넣기
        });
        // 다른 페이지로 이동시키기 : 응답.redirect
        응답.redirect ('/list');
      } catch (err) {
        console.log(err); // 에러 출력하기
        return 응답.status(500).send('server error occurred');
        // 500은 서버잘못으로 인한 에러라는 뜻임
      }
    }
});