vue.js [상세페이지 안 댓글 만들기]

이번에는 글목록으로 들어가면 상세페이지에서 댓글을 같이 보여주도록 하는 기능을 만들었다.

 

backend에서 Board 디렉토리를 참고하여 Comment 디렉토리를 만들었다.

 

상세페이지에서 Comment를 보여주어야하기 때문에 Board.vue에서 코드 추가.

 

comment의 항목에는 글의 id값, 작성자, 내용, 날짜, 시간 항목을 넣었다.

 

 

 

 

 

Board.vue

 

앞서 게시글을 보여줬던 형식의 테이블을 가져와서 사용하였고 원하는 항목들을 넣어서 만들었다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

comment를 get방식으로 불러오는

retrieveUsers2를 메서드를 추가하였다.

 

 

 

 

 

 

 

 

 

 

 

게시판을 확인해보니 성공적으로 상세페이지의 하단에 댓글리스트가 보여진다.

 

 

 

 

 

 

 

다음 게시글에서는 댓글을 추가, 수정, 삭제하는 기능을 넣을 예정이다.