본문 바로가기

IT

로그인 + 게시판(7: 게시글 상세 조회)

728x90

BoardDetail.js 

게시글 상세 페이지에는 뒤로가기 버튼과 삭제 버튼이 있다. 삭제 버튼은 해당 게시글을 작성한 사람만이 게시글을 삭제할 수 있도록 기능을 구현하였다. 작성일의 경우에도 DB에서 post 요청일 때 now()로 처리하였는데 정상적으로 결과값이 보이는 것을 확인할 수 있다.

BoardDetail.js   deleteBoard()

게시글 삭제 기능은 sesstionStorage.getItem("key")값과 이전에 게시글 조회에서 Board 컴포넌트가 props로 전달한 props.writer 값이 같은지 확인한 후에 같으면 fetch이용하여 DELETE 메소드를 싣어서 보냈다. 이전에 게시글 조회때와 같이 url에 값을 같이보냈다. 이것을 server.js에서 처리할 수 있도록 구현하면된다. 

server.js   '/api/board/user/:title'  delete 요청 시 처리

sql문에 해당 title 값을 req.parms.title을 통해 대입시켜 DB에서 삭제하면 된다. 

삭제 후 history.push 를 통해 다시 게시글 조회 화면으로 이동하였다.