티스토리 뷰
728x90
반응형
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해주면 된다.
- 여유가 된다면 다시 리뷰해도 되지만 이미 리뷰한 내용들이라 바로 통과시킬 수도 있다.
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
#패스트캠퍼스 #포트폴리오 #직장인자기계발 #환급챌린지 #포트폴리오챌린지 #패스트캠퍼스후기 #초격차패키지 #오공완
728x90
반응형
'Study > FastCampus' 카테고리의 다른 글
[Java Project] Part 2. 게시판 서비스 만들기 - 게시판 정렬 (0) | 2023.09.09 |
---|---|
[Java Project] Part 2. 게시판 서비스 만들기 - 게시판 페이징 구현 (0) | 2023.09.08 |
[Java Project] Part 2. 게시판 서비스 만들기 - 게시판 페이지 기능 구현 (0) | 2023.09.06 |
[Java Project] Part 2. 게시판 서비스 만들기 - 로그인 페이지 기능 테스트 및 게시판 페이지 기능 구현 (0) | 2023.09.05 |
[Java Project] Part 2. 게시판 서비스 만들기 - 게시판 페이지 세부 기능 테스트 (0) | 2023.09.04 |
댓글