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

1. 게시글 및 로그인 페이지 기능 구현

(1) 게시글 페이지 뷰 구현

• 게시판 뷰와 같이 Header와 Footer에 mockup 데이터를 임의로 입력한다.
• 페이지 마다 다르게 보여져야 하는 중요 위치는 id를 명시해준다.
• 게시판 페이지 구현에서 했던 방법과 유사하게 xml을 활용하여 mockup 데이터를 실제 데이터로 치환할 수 있도록 한다.
• 게시판과 달리 게시글은 한 글에 대해서만 작성됨으로 th:each를 사용하지 않고, th:object를 사용한다.
• Id와 매칭하여 th:text를 통해 세부 내용을 입력해준다.
• Thymeleaf 문법으로 id를 찾는 방법은 sel=”#id” 와 같이 작성하면 된다.
• 시간 format으로 시분초를 넣어 줄 때는 HH:mm:ss를 사용하면 된다.
• 댓글은 게시판에서 여러 개의 글을 보여주었던 것과 유사하게 보여야 함으로 먼저 첫번째를 제외한 모든 포맷을 지워주고, th:each를 통해 댓글을 순회하면서 th:text로 데이터를 입력한다.

 

• 참고
  • Ctrl + shift + f9 를 통해 recompile을 쉽게 할 수 있다.
  • IDEA > Services > Console에서 페이지를 열었을 때 발생하는 쿼리를 살펴볼 수 있다.
  • 이 쿼리는 ArticleController에서 map.addAttribute를 할 때 발생하는 것이다.

 

(2) 로그인 페이지 뷰 구현

• 로그인 페이지는 구현되어 있는 것을 가져와 사용한 것이기 때문에 따로 구현할 필요가 없다.

 

(3) 게시판 서비스 기능 구현 이슈 마무리

• 이전에 코드리뷰의 부담을 줄이기 위해 #21이슈에 대한 브랜치를 생성했었다.
• 이번에 새로 커밋된 내용들도 feature/#21 브랜치에 먼저 merge를 해준다.
• 변경점을 확인해주고 코드리뷰를 완료하고 merge를 해준다.
• 이제 feature/#21 브랜치를 main으로 pull request를 통해 마무리 코멘트와 함께 merge해주면 된다.
• 여유가 된다면 다시 리뷰해도 되지만 이미 리뷰한 내용들이라 바로 통과시킬 수도 있다.
•  

 

---

 

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

https://bit.ly/43z0P6S

 

 

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