[Java Project] Part 2. 게시판 서비스 만들기 - 게시판 페이지 기능 구현

1. 게시판 페이지 기능 구현

(1) 게시판 페이지 구현 (이어서)

• @MockBean : articleService를 테스트에서 배제하기 위해 즉 입출력만 보기 위해 연결을 끊어주는데 사용된다.
  • Spring test에서 제공해주는 기능이다.
  • @MockBean private ArticleService articleService; // 필드에 사용 가능하다.
• 관련해서 null을 입력받았을 때에 대한 테스트를 업데이트 해준다.
• ArticleController
  • 게시판 페이지
    • @RequestParam을 이용해서 파라미터들을 불러오고, 반드시 필요한 것은 아니기에 required = false로 설정한다.
    • @PageableDefault를 사용해서 size(게시글 10개 보여줄 것), sort(최신버전으로 정렬) 등을 명시해줄 수 있다. 협업을 위해 도움이 될 것 같은 부분이다.
    • 이후 map.addAttribute를 사용해 searchArticles를 통해 검색된 내용들을 불러와 뷰로 매핑한다.
  • 상세 페이지
    • 단 건 조회를 했을 때, ArticleWithCommentsResponse를 활용해서 게시글 ID를 검색한 결과와 코멘트까지 보여준다.

 

(2) 페이지 뷰 구현

• Header
  • 헤더 안에 아무 내용이 없다면 Mocking이 안 된다. 그렇기 때문에 헤더 삽입부 <hr> 라고 임의로 작성하여 넣어주면 랜더링되지 않았을 때 헤더 삽입부 글자가 보여지고, 정상적으로 랜더링되었을 때는 헤더 삽입부가 치환되어 꾸며 둔 헤더가 보이게 될 것이다.
  • Footer 도 마찬가지로 수정해준다.
• Table
  • xml (thymeleaf 문법)
  • th:remove=”all-but-first”는 첫 번째 내용만 남기고 나머지 mockup 데이터를 지운다는 의미이다.
  • 이후 th:each 는 게시글을 순회하면서 class와 매칭되는 곳에 th:text를 통해 가져온 데이터를 입력한다.
  • 시간은 format을 제공해주어 원하는 형식으로 넣어줄 수 있다. yyyy-MM-dd

 

• 구현 후 로컬에서 페이지를 확인해보면 생성해 두었던 게시글들이 입력된 것을 확인할 수 있다.

 

---

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.

https://bit.ly/43z0P6S

 

 

#패스트캠퍼스 #포트폴리오 #직장인자기계발 #환급챌린지 #포트폴리오챌린지 #패스트캠퍼스후기 #초격차패키지 #오공완