SBB

$$config title: SBB_PRACTICE 프로젝트 기술서 keywords: - IT - SpringBoot - Thymeleaf - 게시판 - 기술서 $$ # ? 개요 ## ? 소개 **[점프 투 스프링부트 기반](https://wikidocs.net/book/7601) Spring Boot Board 게시판 만들기 연습 프로젝트입니다.** - 질문, 답글, 댓글, 대댓글 CRUD 기능 - 스프링 시큐리티를 통한 회원가입 및 권한 처리 - 이메일 인증, 추천, 조회수 기능 - 카테고리, 정렬, 검색 기능 ## ? 관련 링크 - 서비스: [https://sbb.pintor.dev](https://sbb.pintor.dev) - 레포지토리: [https://github.com/pintordev/SBB_PRACTICE](https://github.com/pintordev/SBB_PRACTICE) # ? 개발 환경 ## ? 형상 관리 ``` - Git - GitHub ``` ## ? 기술 스택 ``` - JAVA - SpringBoot - Spring Security - Spring Data JPA - Thymeleaf - BootStrap - HTML5 - CSS3 - JavaScript - jQuery - Ajax - MariaDB ``` ## ? 개발 도구 ``` - IntelliJ - Gradle - DBeaver ``` ## ? 배포 환경 ``` - Google Domains - Naver Cloud Platform - CentOS - Termius - Docker - Nginx Proxy Manager - Jenkins CI / CD ``` # ? 요구 사항 정의서 | RQ-ID | 화면명 | 요구사항명| 요구사항내용 | 날짜 | 작성자 | 진행도 | | --- | -- | --- | --- | --- | -- | --- | | RQ-0001 | 공통 | 내비게이션바 | 로고, 자유게시판, 마이페이지, 로그인, 로그아웃, 회원가입 버튼이 모든 페이지의 상단에 위치한다. | 5/17 | 김호현 | ✅ | | RQ-0002 | 공통 | 내비게이션바 | 로고 선택시 메인페이지로, 이외 각 버튼 클릭 시 해당 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0003 | 공통 | 내비게이션바 | 로그인하지 않은 사용자는 상단에 마이페이지, 로그아웃 버튼이 보이지 않는다. | 5/17 | 김호현 | ✅ | | RQ-0004 | 공통 | 내비게이션바 | 로그인한 사용자는 상단에 로그인, 회원가입 버튼이 보이지 않는다. | 5/17 | 김호현 | ✅ | | RQ-0005 | 메인페이지 | BEST | 등록된 게시글 중 추천 수 상위 10개의 게시글이 메인페이지에 노출된다. | 5/17 | 김호현 | ✅ | | RQ-0006 | 메인페이지 | 최근 답변 | 등록된 답변 중 최근 작성된 10개의 답변이 메인페이지에 노출된다. | 5/17 | 김호현 | ✅ | | RQ-0007 | 메인페이지 | 최근 댓글 | 등록된 댓글 중 최근 작성된 10개의 댓글이 메인페이지에 노출된다. | 5/17 | 김호현 | ✅ | | RQ-0008 | 회원 | 회원가입 | 아이디, 비밀번호, 비밀번호 확인, 이메일, 인증번호 입력란이 있다. | 5/17 | 김호현 | ✅ | | RQ-0009 | 회원 | 회원가입 | 입력란이 공백이거나 중복, 비밀번호 불일치, 이메일 인증번호 불일치 발생 시 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0010 | 회원 | 회원가입 | 이메일을 입력 후 인증하기 버튼을 누르면 해당 이메일 주소로 인증번호가 발송된다. | 5/17 | 김호현 | ✅ | | RQ-0011 | 회원 | 회원가입 | 모든 입력 요구사항 조건을 충족하면 회원가입이 완료되고 로그인 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0012 | 회원 | 로그인 | 아이디, 비밀번호 입력란과 로그인, 아이디 찾기, 비밀번호 찾기 버튼이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0013 | 회원 | 로그인 | 아이디, 비밀번호 오류시 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0014 | 회원 | 로그인 | 모든 입력 요구사항 조건을 충족하면 로그인이 완료되고 메인 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0015 | 회원 | 로그인 | 아이디 찾기 버튼 클릭 시 아이디 찾기 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0016 | 회원 | 로그인 | 비밀번호 찾기 버튼 클릭 시 비밀번호 찾기 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0017 | 회원 | 아이디 찾기 | 이메일 입력란과 아이디 찾기, 로그인 버튼이 있다. | 5/17 | 김호현 | ✅ | | RQ-0018 | 회원 | 아이디 찾기 | 이메일을 입력하고 아이디 찾기 버튼 클릭 시 존재하는 계정이면 아이디가 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0019 | 회원 | 아이디 찾기 | 이메일을 입력하고 아이디 찾기 버튼 클릭 시 존재하지 않는 계정이면 오류 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0020 | 회원 | 아이디 찾기 | 로그인 버튼 클릭 시 로그인 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0021 | 회원 | 비밀번호 찾기 | 아이디, 이메일 입력란과 비밀번호 찾기, 로그인 버튼이 있다. | 5/17 | 김호현 | ✅ | | RQ-0022 | 회원 | 비밀번호 찾기 | 아이디, 이메일을 입력하고 비밀번호 찾기 버튼 클릭 시 입력 정보와 일치하는 계정이 있으면 이메일로 임시비밀번호를 발송하고 해당 메시지 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0023 | 회원 | 비밀번호 찾기 | 아이디, 이메일을 입력하고 비밀번호 찾기 버튼 클릭 시 입력 정보와 일치하는 계정이 없으면 오류 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0024 | 회원 | 비밀번호 찾기 | 로그인 버튼 클릭 시 로그인 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0025 | 회원 | 마이페이지 | 로그인한 사용자는 마이페이지를 이용할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0026 | 회원 | 마이페이지 | 회원정보, 내가 작성한 글, 내가 작성한 답변, 내가 작성한 댓글을 확인할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0027 | 회원 | 마이페이지 | 회원정보는 사용자ID, 이메일, 가입일, 최근 로그인 정보를 확인할 수 있으며, 비밀번호 변경을 위한 버튼이 있다. | 5/17 | 김호현 | ✅ | | RQ-0028 | 회원 | 마이페이지 | 비밀번호 변경 버튼 클릭 시 비밀번호 변경 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0029 | 회원 | 마이페이지 | 내가 작성한 글은 사용자가 작성한 글을 날짜 내림차순으로 불러와 표시한다. | 5/17 | 김호현 | ✅ | | RQ-0030 | 회원 | 마이페이지 | 내가 작성한 글 목록에서 내용 클릭 시 해당 글 상세 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0031 | 회원 | 마이페이지 | 내가 작성한 글 목록에서 페이지네이션 기능을 이용할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0032 | 회원 | 마이페이지 | 내가 작성한 답변은 사용자가 작성한 답변을 날짜 내림차순으로 불러와 표시한다. | 5/17 | 김호현 | ✅ | | RQ-0033 | 회원 | 마이페이지 | 내가 작성한 답변 목록에서 내용 클릭 시 해당 답변이 포함된 글 상세 페이지 내 해당 답변 태그로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0034 | 회원 | 마이페이지 | 내가 작성한 답변 목록에서 페이지네이션 기능을 이용할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0035 | 회원 | 마이페이지 | 내가 작성한 댓글은 사용자가 작성한 댓글을 날짜 내림차순으로 불러와 표시한다. | 5/17 | 김호현 | ✅ | | RQ-0036 | 회원 | 마이페이지 | 내가 작성한 댓글 목록에서 내용 클릭 시 해당 댓글이 포함된 글 상세 페이지 내 해당 댓글이 포함된 답변 태그로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0037 | 회원 | 마이페이지 | 내가 작성한 댓글 목록에서 페이지네이션 기능을 이용할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0038 | 회원 | 비밀번호 변경 | 현재 비밀번호, 새 비밀번호, 새 비밀번호 확인 입력란과 변경하기 버튼이 있다. | 5/17 | 김호현 | ✅ | | RQ-0039 | 회원 | 비밀번호 변경 | 현재 비밀번호 불일치, 새 비밀번호 간 불일치 발생 시 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0040 | 회원 | 비밀번호 변경 | 모든 입력 요구사항 조건을 충족하고 변경하기 버튼 클릭 시 비밀번호가 변경되고 로그아웃 처리되어 메인 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0041 | 게시판 | 글 목록 | 작성된 게시글 목록을 날짜 내림차순으로 불러와 표시한다. | 5/17 | 김호현 | ✅ | | RQ-0042 | 게시판 | 글 목록 | 작성된 게시글 목록에서 페이지네이션 기능을 이용할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0043 | 게시판 | 글 목록 | 목록에서 각 게시글의 번호, 분류, 제목, 답변+댓글 총 수, 글쓴이, 날짜, 조회수, 추천수를 조회할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0044 | 게시판 | 글 목록 | 게시글 제목 클릭 시 해당 게시글 상세 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0045 | 게시판 | 글 목록 | 로그인 한 사용자는 글쓰기 버튼 클릭시 글쓰기 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0046 | 게시판 | 글 목록 | 로그인 하지 않은 사용자는 글쓰기 버튼 클릭시 로그인 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0047 | 게시판 | 글 목록 | 게시글 검색 기능을 이용할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0048 | 게시판 | 글 목록 | 검색어 입력 후 검색 버튼 클릭 시 게시글 제목, 내용, 글쓴이, 답변 내용, 글쓴이에 검색어가 포함되어 있는 지 조회하여 해당하는 게시글 목록을 표시한다. | 5/17 | 김호현 | ✅ | | RQ-0049 | 게시판 | 글쓰기 | 게시글 분류, 제목, 내용 입력란과 저장하기 버튼이 있다. | 5/17 | 김호현 | ✅ | | RQ-0050 | 게시판 | 글쓰기 | 입력 공백 시 오류 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0051 | 게시판 | 글쓰기 | 모든 입력 요구사항 조건을 충족하고 저장하기 버튼 클릭 시 게시글이 등록되고 해당 게시글 상세 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0052 | 게시판 | 글 상세 | 게시글 분류, 제목, 글쓴이, 작성일, 수정일, 조회수, 추천수, 답변수, 내용을 조회할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0053 | 게시판 | 글 상세 | 게시글 글쓴이는 게시글에 대한 수정, 삭제 버튼이 보인다. | 5/17 | 김호현 | ✅ | | RQ-0054 | 게시판 | 글 상세 | 게시글 글쓴이가 수정 버튼 클릭 시 게시글 수정 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0055 | 게시판 | 글 상세 | 게시글 글쓴이가 삭제 버튼 클릭 시 게시글이 삭제되고 메인 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0056 | 게시판 | 글 상세 | 로그인한 사용자는 게시글을 추천할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0057 | 게시판 | 글 상세 | 게시글 글쓴이는 해당 게시글을 추천할 수 없다. | 5/17 | 김호현 | ✅ | | RQ-0058 | 게시판 | 글 상세 | 답변+댓글 총 수와 최신순, 추천순, 댓글많은순 정렬 버튼 답변 작성 폼 태그로 이동가능한 답변 쓰기 버튼이 있다. | 5/17 | 김호현 | ✅ | | RQ-0059 | 게시판 | 글 상세 | 최신순 버튼 클릭 시 답변 목록이 최신순으로 정렬된다. | 5/17 | 김호현 | ✅ | | RQ-0060 | 게시판 | 글 상세 | 추천순 버튼 클릭 시 답변 목록이 추천순으로 정렬된다. | 5/17 | 김호현 | ✅ | | RQ-0061 | 게시판 | 글 상세 | 댓글많은순 버튼 클릭 시 답변 목록이 댓글많은순으로 정렬된다. | 5/17 | 김호현 | ✅ | | RQ-0062 | 게시판 | 글 상세 | 답변 목록에서 페이지네이션 기능을 이용할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0063 | 게시판 | 글 상세 | 로그인한 사용자는 답변등록 기능을 이용할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0064 | 게시판 | 글 상세 | 답변 내용 공백 시 오류 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0065 | 게시판 | 글 상세 | 모든 입력 요구사항 조건을 충족하고 답변 등록 버튼 클릭 시 답변이 등록되고 해당 답변이 포함된 게시글 상세 페이지 내 답변이 속한 답변 목록 페이지 태그로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0066 | 게시판 | 글 상세 | 로그인하지 않은 사용자는 답변등록 기능을 이용할 수 없고 로그인, 회원가입 안내 메시지와 버튼이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0067 | 게시판 | 글 상세 | 답변 글쓴이는 답변에 대한 수정, 삭제 버튼이 보인다. | 5/17 | 김호현 | ✅ | | RQ-0068 | 게시판 | 글 상세 | 답변 글쓴이가 수정 버튼 클릭 시 답변 수정 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0069 | 게시판 | 글 상세 | 답변 글쓴이가 삭제 버튼 클릭 시 답변이 삭제되고 답변이 포함되었던 게시글 상세 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0070 | 게시판 | 글 상세 | 로그인한 사용자는 답변을 추천할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0071 | 게시판 | 글 상세 | 답변 글쓴이는 해당 답변을 추천할 수 없다. | 5/17 | 김호현 | ✅ | | RQ-0072 | 게시판 | 글 상세 | 로그인한 사용자는 댓글등록 기능을 이용할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0073 | 게시판 | 글 상세 | 댓글 내용 공백 시 오류 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0074 | 게시판 | 글 상세 | 모든 입력 요구사항 조건을 충족하고 댓글 등록 버튼 클릭 시 댓글이 등록되고 해당 댓글이 포함된 게시글 상세 페이지 내 해당 댓글이 포함된 답변이 속한 답변 목록 페이지 태그로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0075 | 게시판 | 글 상세 | 댓글 글쓴이는 댓글에 대한 수정, 삭제 버튼이 보인다. | 5/17 | 김호현 | ✅ | | RQ-0076 | 게시판 | 글 상세 | 댓글 글쓴이가 수정 버튼 클릭 시 댓글 수정 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0077 | 게시판 | 글 상세 | 댓글 글쓴이가 삭제 버튼 클릭 시 댓글이 삭제되고 댓글이 포함되었던 게시글 상세 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0078 | 게시판 | 글 상세 | 로그인한 사용자는 댓글을 추천할 수 있다. | 5/17 | 김호현 | ✅ | | RQ-0079 | 게시판 | 글 상세 | 댓글 글쓴이는 해당 댓글을 추천할 수 없다. | 5/17 | 김호현 | ✅ | | RQ-0080 | 게시판 | 글 상세 | 댓글에 대댓글을 달 수 있으며, 대댓글의 부모 댓글의 앵커 태그로 이동 가능한 링크가 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0081 | 게시판 | 글 수정 | 게시글 분류, 제목, 내용 입력란과 저장하기 버튼이 있다. | 5/17 | 김호현 | ✅ | | RQ-0082 | 게시판 | 글 수정 | 입력 공백 시 오류 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0083 | 게시판 | 글 수정 | 모든 입력 요구사항 조건을 충족하고 저장하기 버튼 클릭 시 게시글이 수정되고 해당 게시글 상세 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0084 | 게시판 | 답변 수정 | 내용 입력란과 저장하기 버튼이 있다. | 5/17 | 김호현 | ✅ | | RQ-0085 | 게시판 | 답변 수정 | 입력 공백 시 오류 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0086 | 게시판 | 답변 수정 | 모든 입력 요구사항 조건을 충족하고 저장하기 버튼 클릭 시 답변이 수정되고 해당 답변이 포함된 게시글 상세 페이지로 이동한다. | 5/17 | 김호현 | ✅ | | RQ-0087 | 게시판 | 댓글 수정 | 내용 입력란과 저장하기 버튼이 있다. | 5/17 | 김호현 | ✅ | | RQ-0088 | 게시판 | 댓글 수정 | 입력 공백 시 오류 알림이 표시된다. | 5/17 | 김호현 | ✅ | | RQ-0089 | 게시판 | 댓글 수정 | 모든 입력 요구사항 조건을 충족하고 저장하기 버튼 클릭 시 댓글이 수정되고 해당 댓글이 포함된 상세 페이지로 이동한다. | 5/17 | 김호현 | ✅ | # ? ERD 구성 ![img](https://i.imgur.com/t65ZLPh.png) # ? 페이지 별 동작 화면 및 소스 코드 ## ? 메인페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/ZTBEOL6.png)
### ? 소스 코드 --- - index.html ```html

BEST

분류	제목	글쓴이	날짜

최근 답변

내용	글쓴이	날짜

최근 댓글

내용	글쓴이	날짜

``` - MainController.java ```java @RequiredArgsConstructor @Controller public class MainController { private final QuestionService questionService; private final AnswerService answerService; private final CommentService commentService; @GetMapping("/index") public String index(Model model) { List questionList = this.questionService.getBestQuestion(); model.addAttribute("questionList", questionList); List answerList = this.answerService.getRecentAnswer(); model.addAttribute("answerList", answerList); List commentList = this.commentService.getRecentComment(); model.addAttribute("commentList", commentList); return "index"; } } ``` - QuestionService.java ```java @RequiredArgsConstructor @Service public class QuestionService { private final QuestionRepository questionRepository; public List getBestQuestion() { return this.questionRepository.findTop10SortByVoterCount(); } } ``` - QuestionRepository.java ```java public interface QuestionRepository extends JpaRepository { @Query(value = "select " + "distinct q.*, count(qv.question_id) as voter_count " + "from question q " + "left outer join question_voter qv on q.id = qv.question_id " + "group by q.id, qv.question_id " + "order by voter_count desc, q.create_date desc " + "limit 10 " , countQuery = "select count(*) from question" , nativeQuery = true) List findTop10SortByVoterCount(); } ``` - AnswerController.java ```java @RequestMapping("/answer") @RequiredArgsConstructor @Controller public class AnswerController { private final AnswerService answerService; @PostMapping("/goto") @ResponseBody public String getUri(@RequestParam("id") Integer id) { Answer answer = this.answerService.getAnswer(id); Question question = answer.getQuestion(); int page = this.answerService.getPage(id, question); return String.format("/question/detail/%s?page=%s#answer_%s", answer.getQuestion().getId(), page, answer.getId()); } } ``` - AnswerService.java ```java @RequiredArgsConstructor @Service public class AnswerService { private final AnswerRepository answerRepository; public Answer getAnswer(Integer id) { Optional oa = this.answerRepository.findById(id); if (oa.isPresent()) { return oa.get(); } else { throw new DataNotFoundException("answer not found"); } } public List getRecentAnswer() { return this.answerRepository.findTop10ByOrderByCreateDateDesc(); } public int getPage(Integer id, Question question) { int count = this.answerRepository.findAllByQuestionAndAnswerIdGreaterThanEqual(question.getId(), id).size(); return (count - 1) / 10; } } ``` - AnswerRepository.java ```java public interface AnswerRepository extends JpaRepository { List findTop10ByOrderByCreateDateDesc(); @Query(value = "select " + "* from answer a " + "where a.question_id = :question_id " + "and a.id >= :answer_id " + "order by a.create_date desc " , nativeQuery = true) List findAllByQuestionAndAnswerIdGreaterThanEqual(@Param("question_id") Integer questionId, @Param("answer_id") Integer answerId); } ``` - CommentController.java ```java @RequestMapping("/comment") @RequiredArgsConstructor @Controller public class CommentController { private final CommentService commentService; @PostMapping("/goto") @ResponseBody public String getUri(@RequestParam("id") Integer id) { Comment comment = this.commentService.getComment(id); Answer answer = comment.getAnswer(); Question question = answer.getQuestion(); int page = this.answerService.getPage(answer.getId(), question); return String.format("/question/detail/%s?page=%s#answer_%s", answer.getQuestion().getId(), page, answer.getId()); } } ``` - CommentService.java ```java @RequiredArgsConstructor @Service public class CommentService { private final CommentRepository commentRepository; public Comment getComment(Integer id) { if (id <= 0) return null; Optional oc = this.commentRepository.findById(id); if (oc.isPresent()) { return oc.get(); } else { throw new DataNotFoundException("comment not found"); } } public List getRecentComment() { return this.commentRepository.findTop10ByOrderByCreateDateDesc(); } } ``` - CommentRepository.java ```java public interface CommentRepository extends JpaRepository { List findTop10ByOrderByCreateDateDesc(); } ```
## ? 회원가입 페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/DyTG5Oi.png)
### ? 소스 코드 --- - signup_form.html ```html

회원가입

이메일을 확인해 주세요.

입력하신 이메일 주소를 확인중입니다.
잠시만 기다려주세요.

입력하신 이메일 주소로 인증코드를 발송하였습니다.
인증번호를 입력 후 회원가입을 완료해주세요.

사용자ID

비밀번호

비밀번호 확인

이메일

인증번호

``` - UserController.java ```java @RequestMapping("/user") @RequiredArgsConstructor @Controller public class UserController { private final UserService userService; private final UserEmailService userEmailService; @GetMapping("/signup") public String signup(UserCreateForm userCreateForm) { return "signup_form"; } @PostMapping("/signup") public String signup(@Valid UserCreateForm userCreateForm, BindingResult bindingResult) { if (bindingResult.hasErrors()) { return "signup_form"; } // 비밀번호와 비밀번호 확인에 입력한 문자열이 서로 다르면 다시 입력 하도록 if (!userCreateForm.getPassword1().equals(userCreateForm.getPassword2())) { bindingResult.rejectValue("password2", "passwordInCorrect", "입력한 비밀번호가 일치하지 않습니다."); return "signup_form"; } if (!this.userService.confirmCertificationCode(userCreateForm.getInputCode(), userCreateForm.getGenCode())) { bindingResult.rejectValue("inputCode", "codeInCorrect", "입력한 인증번호가 일치하지 않습니다."); return "signup_form"; } userService.create(userCreateForm.getUsername(), userCreateForm.getPassword1(), userCreateForm.getEmail()); return "redirect:/user/login"; } @PostMapping("/signup/emailConfirm") @ResponseBody public String emailConfirm(@RequestParam("email") String email) { String genCode = this.userService.genConfirmCode(8); System.out.println(genCode); this.userEmailService.mailSend(email, "이메일 인증", genCode); return this.userService.getEmailConfirmCode(genCode); } } ``` - UserCreateForm.java ```java @Getter @Setter public class UserCreateForm { @NotEmpty(message = "사용자ID는 필수항목입니다.") @Size(min = 3, max = 25) private String username; @NotEmpty(message = "비밀번호는 필수항목입니다.") private String password1; @NotEmpty(message = "비밀번호 확인은 필수항목입니다") private String password2; @NotEmpty(message = "이메일은 필수항목입니다") @Email private String email; @NotEmpty(message = "인증번호는 필수항목입니다") private String inputCode; private String genCode; } ``` - UserService.java ```java @RequiredArgsConstructor @Service public class UserService { private final UserRepository userRepository; private final PasswordEncoder passwordEncoder; public SiteUser create(String username, String password, String email) { SiteUser user = new SiteUser(); user.setUsername(username); // 비밀번호 암호화 후 저장 user.setPassword(passwordEncoder.encode(password)); user.setEmail(email); user.setCreateDate(LocalDateTime.now()); this.userRepository.save(user); return user; } public String genConfirmCode(int length) { String candidateCode = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; SecureRandom secureRandom = new SecureRandom(); String code = ""; for (int i = 0; i < length; i++) { int index = secureRandom.nextInt(candidateCode.length()); code += candidateCode.charAt(index); } return code; } public String getEmailConfirmCode(String code) { return passwordEncoder.encode(code); } public boolean confirmCertificationCode(String inputCode, String genCode) { return passwordEncoder.matches(inputCode, genCode); } } ``` - SecurityConfig.java ```java @Configuration // 스프링 환경설정 파일임을 의미 @EnableWebSecurity // 모든 요청 URL이 spring security 제어를 받음 @EnableMethodSecurity(prePostEnabled = true) // @PreAuthorize 애너테이션 사용하기 위해 필요 public class SecurityConfig { @Bean PasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder(); } } ``` - UserEmailService.java ```java @RequiredArgsConstructor @Service public class UserEmailService { private final JavaMailSender javaMailSender; public void mailSend(String email, String type, String code) { SimpleMailMessage simpleMailMessage = new SimpleMailMessage(); simpleMailMessage.setTo(email); simpleMailMessage.setSubject(type); simpleMailMessage.setText(code); this.javaMailSender.send(simpleMailMessage); } } ``` - EmailConfig.java ```java @Configuration public class EmailConfig { private final Logger logger = LoggerFactory.getLogger(this.getClass()); public EmailConfig() throws IOException { logger.info("EmailConfig.java constructor called"); } @Value("${spring.mail.transport.protocol}") private String protocol; @Value("${spring.mail.properties.mail.smtp.auth}") private boolean auth; @Value("${spring.mail.properties.mail.smtp.starttls.enable}") private boolean starttls; @Value("${spring.mail.debug}") private boolean debug; @Value("${spring.mail.host}") private String host; @Value("${spring.mail.port}") private int port; @Value("${spring.mail.username}") private String username; @Value("${spring.mail.password}") private String password; @Value("${spring.mail.default.encoding}") private String encoding; @Bean public JavaMailSender javaMailSender(){ JavaMailSenderImpl mailSender = new JavaMailSenderImpl(); Properties properties = new Properties(); properties.put("mail.transport.protocol", protocol); properties.put("mail.smtp.auth", auth); properties.put("mail.smtp.starttls.enable", starttls); properties.put("mail.smtp.debug", debug); mailSender.setHost(host); mailSender.setUsername(username); mailSender.setPassword(password); mailSender.setPort(port); mailSender.setJavaMailProperties(properties); mailSender.setDefaultEncoding(encoding); return mailSender; } } ```
## ? 로그인 페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/wCVEZgE.png)
### ? 소스 코드 --- - login_form.html ```html

``` - UserController.java ```java @RequestMapping("/user") @RequiredArgsConstructor @Controller public class UserController { private final UserService userService; @GetMapping("/login") public String login() { return "login_form"; } @GetMapping("/log/loginDate") public String loginDate(Principal principal) { SiteUser user = this.userService.getUser(principal.getName()); this.userService.updateLoginDate(user); return "redirect:/"; } } ``` - SecurityConfig.java ```java @Configuration @EnableWebSecurity @EnableMethodSecurity(prePostEnabled = true) public class SecurityConfig { @Bean SecurityFilterChain filterChain(HttpSecurity http) throws Exception { http.authorizeHttpRequests().requestMatchers( new AntPathRequestMatcher("/**")).permitAll() .and() .csrf().ignoringRequestMatchers( new AntPathRequestMatcher("/h2-console/**")) // /h2-console/... URL 예외처리 .and() .headers() .addHeaderWriter(new XFrameOptionsHeaderWriter( XFrameOptionsHeaderWriter.XFrameOptionsMode.SAMEORIGIN)) .and() .formLogin() .loginPage("/user/login") .defaultSuccessUrl("/user/log/loginDate") .and() .logout() .logoutRequestMatcher(new AntPathRequestMatcher("/user/logout")) .logoutSuccessUrl("/") .invalidateHttpSession(true) ; return http.build(); } @Bean AuthenticationManager authenticationManager(AuthenticationConfiguration authenticationConfiguration) throws Exception { return authenticationConfiguration.getAuthenticationManager(); } } ``` - UserSecurityService.java ```java @RequiredArgsConstructor @Service public class UserSecurityService implements UserDetailsService { private final UserRepository userRepository; @Override public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException { Optional _siteUser = this.userRepository.findByusername(username); if (_siteUser.isEmpty()) { throw new UsernameNotFoundException("사용자를 찾을 수 없습니다."); } SiteUser siteUser = _siteUser.get(); List authorities = new ArrayList<>(); if ("pintor.dev".equals(username)) { authorities.add(new SimpleGrantedAuthority(UserRole.ADMIN.getValue())); } else { authorities.add(new SimpleGrantedAuthority(UserRole.USER.getValue())); } return new User(siteUser.getUsername(), siteUser.getPassword(), authorities); } } ``` - UserRole.java ```java @Getter public enum UserRole { ADMIN("ROLE_ADMIN"), USER("ROLE_USER"); UserRole(String value) { this.value = value; } private String value; } ``` - UserService.java ```java @RequiredArgsConstructor @Service public class UserService { private final UserRepository userRepository; public SiteUser getUser(String username) { Optional siteUser = this.userRepository.findByusername(username); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteuser not found"); } } public void updateLoginDate(SiteUser user) { user.setLastLoginDate(LocalDateTime.now()); this.userRepository.save(user); } } ``` - UserRepository.java ```java public interface UserRepository extends JpaRepository { Optional findByusername(String username); } ```
## ? 아이디 찾기 페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/aurX35a.png)
### ? 소스 코드 --- - find_username_form.html ```html

아이디 찾기

``` - UserController.java ```java @RequestMapping("/user") @RequiredArgsConstructor @Controller public class UserController { private final UserService userService; @GetMapping("/find/username") public String findUsername() { return "find_username_form"; } @PostMapping("/find/username") @ResponseBody public String findUsername(@RequestParam("email") String email) { return this.userService.getUserByEmail(email).getUsername(); } } ``` - UserService.java ```java @RequiredArgsConstructor @Service public class UserService { private final UserRepository userRepository; public SiteUser getUserByEmail(String email) { Optional siteUser = this.userRepository.findByemail(email); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteuser not found"); } } } ``` - UserRepository.java ```java public interface UserRepository extends JpaRepository { Optional findByemail(String email); } ```
## ? 비밀번호 찾기 페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/sSYiJrT.png)
### ? 소스 코드 --- - find_password_form.html ```html

비밀번호 찾기

``` - UserController.java ```java @RequestMapping("/user") @RequiredArgsConstructor @Controller public class UserController { private final UserService userService; private final UserEmailService userEmailService; @GetMapping("/find/password") public String findPassword() { return "find_password_form"; } @PostMapping("/find/password") @ResponseBody public String findPassword(@RequestParam("username") String username, @RequestParam("email") String email) { SiteUser user = this.userService.getUserByUsernameAndEmail(username, email); if (user == null) { throw new DataNotFoundException("siteuser not found"); } String genPassword = this.userService.getTemporalPassword(16); System.out.println(genPassword); this.userEmailService.mailSend(email, "비밀번호 찾기", genPassword); this.userService.modifyPassword(genPassword, user); return ""; } } ``` - UserService.java ```java @RequiredArgsConstructor @Service public class UserService { private final UserRepository userRepository; private final PasswordEncoder passwordEncoder; public SiteUser getUserByUsernameAndEmail(String username, String email) { return this.userRepository.findByUsernameAndEmail(username, email); } public String getTemporalPassword(int length) { String candidatePassword = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$%^&*"; SecureRandom secureRandom = new SecureRandom(); String password = ""; for (int i = 0; i < length; i++) { int index = secureRandom.nextInt(candidatePassword.length()); password += candidatePassword.charAt(index); } return password; } public void modifyPassword(String password, SiteUser user) { user.setPassword(passwordEncoder.encode(password)); this.userRepository.save(user); } } ``` - UserRepository.java ```java public interface UserRepository extends JpaRepository { SiteUser findByUsernameAndEmail(String username, String email); } ``` - SecurityConfig.java ```java @Configuration @EnableWebSecurity @EnableMethodSecurity(prePostEnabled = true) public class SecurityConfig { @Bean PasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder(); } } ``` - UserEmailService.java ```java @RequiredArgsConstructor @Service public class UserEmailService { private final JavaMailSender javaMailSender; public void mailSend(String email, String type, String code) { SimpleMailMessage simpleMailMessage = new SimpleMailMessage(); simpleMailMessage.setTo(email); simpleMailMessage.setSubject(type); simpleMailMessage.setText(code); this.javaMailSender.send(simpleMailMessage); } } ``` - EmailConfig.java ```java @Configuration public class EmailConfig { private final Logger logger = LoggerFactory.getLogger(this.getClass()); public EmailConfig() throws IOException { logger.info("EmailConfig.java constructor called"); } @Value("${spring.mail.transport.protocol}") private String protocol; @Value("${spring.mail.properties.mail.smtp.auth}") private boolean auth; @Value("${spring.mail.properties.mail.smtp.starttls.enable}") private boolean starttls; @Value("${spring.mail.debug}") private boolean debug; @Value("${spring.mail.host}") private String host; @Value("${spring.mail.port}") private int port; @Value("${spring.mail.username}") private String username; @Value("${spring.mail.password}") private String password; @Value("${spring.mail.default.encoding}") private String encoding; @Bean public JavaMailSender javaMailSender(){ JavaMailSenderImpl mailSender = new JavaMailSenderImpl(); Properties properties = new Properties(); properties.put("mail.transport.protocol", protocol); properties.put("mail.smtp.auth", auth); properties.put("mail.smtp.starttls.enable", starttls); properties.put("mail.smtp.debug", debug); mailSender.setHost(host); mailSender.setUsername(username); mailSender.setPassword(password); mailSender.setPort(port); mailSender.setJavaMailProperties(properties); mailSender.setDefaultEncoding(encoding); return mailSender; } } ```
## ? 마이페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/cZpPw8h.png)
### ? 소스 코드 --- - mypage.html ```html

회원 정보

사용자ID
이메일
가입일
최근 로그인

비밀번호 변경

내가 작성한 글

번호	분류	제목	글쓴이	날짜

처음
<<
<
>
>>
끝

내가 작성한 답변

번호	내용	날짜

처음
<<
<
>
>>
끝

내가 작성한 댓글

번호	내용	날짜

처음
<<
<
>
>>
끝

``` - UserController.java ```java @RequestMapping("/user") @RequiredArgsConstructor @Controller public class UserController { private final UserService userService; private final QuestionService questionService; private final AnswerService answerService; private final CommentService commentService; @PreAuthorize("isAuthenticated()") @GetMapping("/mypage") public String mypage(Model model, Principal principal, @RequestParam(value = "anchor", defaultValue = "") String anchor, @RequestParam(value = "questionPage", defaultValue = "0") int questionPage, @RequestParam(value = "answerPage", defaultValue = "0") int answerPage, @RequestParam(value = "commentPage", defaultValue = "0") int commentPage) { SiteUser user = this.userService.getUser(principal.getName()); Page questionPaging = this.questionService.getListByUser(questionPage, user); Page answerPaging = this.answerService.getListByUser(answerPage, user); Page commentPaging = this.commentService.getListByUser(commentPage, user); model.addAttribute("user", user); model.addAttribute("questionPaging", questionPaging); model.addAttribute("answerPaging", answerPaging); model.addAttribute("commentPaging", commentPaging); model.addAttribute("anchor", anchor); return "mypage"; } } ``` - UserService.java ```java @RequiredArgsConstructor @Service public class UserService { private final UserRepository userRepository; public SiteUser getUser(String username) { Optional siteUser = this.userRepository.findByusername(username); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteuser not found"); } } } ``` - UserRepository.java ```java public interface UserRepository extends JpaRepository { Optional findByusername(String username); } ``` - QuestionService.java ```java @RequiredArgsConstructor @Service public class QuestionService { private final QuestionRepository questionRepository; public Page getListByUser(int page, SiteUser user) { // order by createDate desc; List sorts = new ArrayList<>(); // 정렬 조건을 저장할 수 있는 Sort.Order 객체로 구성된 List 선언 sorts.add(Sort.Order.desc("createDate")); // createDate 속성을 내림차순으로 정렬하는 정렬 조건을 List에 저장 Pageable pageable = PageRequest.of(page, 10, Sort.by(sorts)); // 정렬 조건들이 담긴 List를 넘겨주면 해당 조건에 맞게 정렬 후 해당 페이지를 반환 return this.questionRepository.findAllByAuthor(user, pageable); } } ``` - QuestionRepository.java ```java public interface QuestionRepository extends JpaRepository { Page findAllByAuthor(SiteUser user, Pageable pageable); } ``` - AnswerService.java ```java @RequiredArgsConstructor @Service public class AnswerService { private final AnswerRepository answerRepository; public Page getListByUser(int page, SiteUser user) { // order by createDate desc; List sorts = new ArrayList<>(); // 정렬 조건을 저장할 수 있는 Sort.Order 객체로 구성된 List 선언 sorts.add(Sort.Order.desc("createDate")); // createDate 속성을 내림차순으로 정렬하는 정렬 조건을 List에 저장 Pageable pageable = PageRequest.of(page, 10, Sort.by(sorts)); // 정렬 조건들이 담긴 List를 넘겨주면 해당 조건에 맞게 정렬 후 해당 페이지를 반환 return this.answerRepository.findAllByAuthor(user, pageable); } } ``` - AnswerRepository.java ```java public interface AnswerRepository extends JpaRepository { Page findAllByAuthor(SiteUser user, Pageable pageable); } ``` - CommentService.java ```java @RequiredArgsConstructor @Service public class CommentService { private final CommentRepository commentRepository; public Page getListByUser(int page, SiteUser user) { // order by createDate desc; List sorts = new ArrayList<>(); // 정렬 조건을 저장할 수 있는 Sort.Order 객체로 구성된 List 선언 sorts.add(Sort.Order.desc("createDate")); // createDate 속성을 내림차순으로 정렬하는 정렬 조건을 List에 저장 Pageable pageable = PageRequest.of(page, 10, Sort.by(sorts)); // 정렬 조건들이 담긴 List를 넘겨주면 해당 조건에 맞게 정렬 후 해당 페이지를 반환 return this.commentRepository.findAllByAuthor(user, pageable); } } ``` - CommentRepository.java ```java public interface CommentRepository extends JpaRepository { Page findAllByAuthor(SiteUser user, Pageable pageable); } ```
## ? 비밀번호 변경 페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/PswioLt.png)
### ? 소스 코드 --- - modify_password_form.html ```html

비밀번호 변경

``` - UserController.java ```java @RequestMapping("/user") @RequiredArgsConstructor @Controller public class UserController { private final UserService userService; @PreAuthorize("isAuthenticated()") @GetMapping("/modify/password") public String modifyPassword(UserPasswordForm userPasswordForm) { return "modify_password_form"; } @PreAuthorize("isAuthenticated()") @PostMapping("/modify/password") public String modifyPassword(@Valid UserPasswordForm userPasswordForm, BindingResult bindingResult, Principal principal) { if (bindingResult.hasErrors()) { return "modify_password_form"; } SiteUser user = this.userService.getUser(principal.getName()); if (!this.userService.confirmPassword(userPasswordForm.getPresentPW(), user)) { bindingResult.rejectValue("presentPW", "passwordInCorrect", "현재 비밀번호를 바르게 입력해주세요."); return "modify_password_form"; } // 비밀번호와 비밀번호 확인에 입력한 문자열이 서로 다르면 다시 입력 하도록 if (!userPasswordForm.getNewPW().equals(userPasswordForm.getNewPW2())) { bindingResult.rejectValue("newPW2", "passwordInCorrect", "입력한 비밀번호가 일치하지 않습니다."); return "modify_password_form"; } userService.modifyPassword(userPasswordForm.getNewPW(), user); return "redirect:/user/logout"; } } ``` - UserPasswordForm.java ```java @Getter @Setter public class UserPasswordForm { @NotEmpty(message = "현재 비밀번호는 필수항목입니다.") private String presentPW; @NotEmpty(message = "새 비밀번호는 필수항목입니다.") private String newPW; @NotEmpty(message = "새 비밀번호 확인은 필수항목입니다") private String newPW2; } ``` - UserService.java ```java @RequiredArgsConstructor @Service public class UserService { private final UserRepository userRepository; private final PasswordEncoder passwordEncoder; public SiteUser getUser(String username) { Optional siteUser = this.userRepository.findByusername(username); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteuser not found"); } } public boolean confirmPassword(String password, SiteUser user) { return passwordEncoder.matches(password, user.getPassword()); } public void modifyPassword(String password, SiteUser user) { user.setPassword(passwordEncoder.encode(password)); this.userRepository.save(user); } } ``` - UserRepository.java ```java public interface UserRepository extends JpaRepository { Optional findByusername(String username); } ``` - SecurityConfig.java ```java @Configuration @EnableWebSecurity @EnableMethodSecurity(prePostEnabled = true) public class SecurityConfig { @Bean PasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder(); } } ```
## ? 자유게시판 페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/GHAfnD1.png)
### ? 소스 코드 --- - question_list.html ```html

자유게시판

글쓰기

번호	분류	제목	글쓴이	날짜

처음
<<
<
>
>>
끝

``` - QuestionController.java ```java @RequestMapping("/question") @RequiredArgsConstructor @Controller public class QuestionController { private final QuestionService questionService; @GetMapping("/list") public String list(Model model, @RequestParam(value = "page", defaultValue = "0") int page, @RequestParam(value = "keyWord", defaultValue = "") String keyWord) { Page paging = this.questionService.getList(page, keyWord); model.addAttribute("paging", paging); model.addAttribute("keyWord", keyWord); return "question_list"; } } ``` - QuestionService.java ```java @RequiredArgsConstructor @Service public class QuestionService { private final QuestionRepository questionRepository; private Specification search(String keyWord) { return new Specification<>() { private static final long serialVersionUID = 1L; @Override public Predicate toPredicate(Root question, CriteriaQuery query, CriteriaBuilder criteriaBuilder) { query.distinct(true); // 중복 제거 Join questionAuthor = question.join("author", JoinType.LEFT); Join answer = question.join("answerList", JoinType.LEFT); Join answerAuthor = answer.join("author", JoinType.LEFT); return criteriaBuilder.or(criteriaBuilder.like(question.get("subject"), "%" + keyWord + "%"), criteriaBuilder.like(question.get("content"), "%" + keyWord + "%"), criteriaBuilder.like(questionAuthor.get("username"), "%" + keyWord + "%"), criteriaBuilder.like(answer.get("content"), "%" + keyWord + "%"), criteriaBuilder.like(answerAuthor.get("username"), "%" + keyWord + "%")); } }; } public Page getList(int page, String keyWord) { // order by createDate desc; List sorts = new ArrayList<>(); // 정렬 조건을 저장할 수 있는 Sort.Order 객체로 구성된 List 선언 sorts.add(Sort.Order.desc("createDate")); // createDate 속성을 내림차순으로 정렬하는 정렬 조건을 List에 저장 Pageable pageable = PageRequest.of(page, 10, Sort.by(sorts)); // 정렬 조건들이 담긴 List를 넘겨주면 해당 조건에 맞게 정렬 후 해당 페이지를 반환 Specification specification = search(keyWord); return this.questionRepository.findAll(specification, pageable); } } ``` - QuestionRepository.java ```java public interface QuestionRepository extends JpaRepository { Page findAll(Specification specification, Pageable pageable); } ```
## ? 글 작성 페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/IuutnlG.png)
### ? 소스 코드 --- - question_form.html ```html

글쓰기

답변

처음
<<
<
>
>>
끝

답변은 로그인 후 작성 가능합니다.

로그인 회원가입

``` - QuestionController.java ```java @RequestMapping("/question") @RequiredArgsConstructor @Controller public class QuestionController { private final QuestionService questionService; private final AnswerService answerService; private final UserService userService; // 질문 클릭 시 질문 상세 출력 되도록 @GetMapping("/detail/{id}") // GetMapping에서 변수로 주소를 설정하는 경우 public String detail(Model model, @RequestParam(value = "page", defaultValue = "0") int page, @RequestParam(value = "sortKeyWord", defaultValue = "createDate") String sortKeyWord, @PathVariable("id") Integer id, AnswerForm answerForm, CommentForm commentForm, HttpServletRequest request, HttpServletResponse response) { // @PathVariable() 로 매개변수를 받아야 함 Question question; if (hitCountJudge(id, request, response)) { question = this.questionService.hit(id); } else { question = this.questionService.getQuestion(id); } Page paging = this.answerService.getList(question, page, sortKeyWord); model.addAttribute("question", question); model.addAttribute("paging", paging); model.addAttribute("sortKeyWord", sortKeyWord); return "question_detail"; } @PreAuthorize("isAuthenticated()") @GetMapping("/delete/{id}") public String deleteQuestion(@PathVariable("id") Integer id, Principal principal) { Question question = this.questionService.getQuestion(id); if (!question.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "삭제 권한이 없습니다."); } this.questionService.delete(question); return "redirect:/"; } @PreAuthorize("isAuthenticated()") @GetMapping("/vote/{id}") public String voteQuestion(@PathVariable("id") Integer id, Principal principal) { Question question = this.questionService.getQuestion(id); SiteUser voter = this.userService.getUser(principal.getName()); if (question.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "본인이 작성한 질문은 추천할 수 없습니다."); } this.questionService.vote(question, voter); return String.format("redirect:/question/detail/%s", id); } private boolean hitCountJudge(Integer id, HttpServletRequest request, HttpServletResponse response) { // 요청 이전 url을 확인해서 제대로 된 게시물 접근인지 확인 String refer = request.getHeader("REFERER"); if (refer == null) return false; String path = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort(); String referUri = refer.replaceFirst(path, ""); // 게시판에서 접근한 경우가 아니면 reject if (!refer.contains("/question/list") && !refer.contains("/index") && !refer.contains("/user/mypage")) return false; Cookie oldCookie = null; Cookie[] cookies = request.getCookies(); if (cookies != null) { for (Cookie cookie : cookies) { if (cookie.getName().equals("questionHit")) { oldCookie = cookie; } } } // 관련 쿠기가 있다면 if (oldCookie != null) { // 해당 쿠키가 해당 게시물 id를 조회할 때 생성된 쿠기인지 판단 if (!oldCookie.getValue().contains("[" + id + "]")) { // 아니라면 해당 게시물 id를 조회한 결과를 쿠기에 저장 oldCookie.setValue(oldCookie.getValue() + "_[" + id + "]"); oldCookie.setPath("/"); oldCookie.setMaxAge(30); // 지속시간 30초 response.addCookie(oldCookie); // 쿠키를 브라우저에 저장 return true; } // 맞다면 reject return false; } else { // 쿠키가 없다면 새로 생성해서 해당 게시물 id를 조회한 결과를 쿠기에 저장 Cookie newCookie = new Cookie("questionHit","[" + id + "]"); newCookie.setPath("/"); newCookie.setMaxAge(30); // 지속시간 30초 response.addCookie(newCookie); // 쿠키를 브라우저에 저장 return true; } } } ``` - QuestionService.java ```java @RequiredArgsConstructor @Service public class QuestionService { private final QuestionRepository questionRepository; public Question getQuestion(Integer id) { Optional oq = this.questionRepository.findById(id); if (oq.isPresent()) { return oq.get(); } else { // 해당 id를 갖는 질문 객체가 존재하지 않는 경우 // DataNotFoundException 에러 출력 throw new DataNotFoundException("question not found"); } } public void delete(Question question) { this.questionRepository.delete(question); } public void vote(Question question, SiteUser voter) { question.getVoter().add(voter); this.questionRepository.save(question); } public Question hit(Integer id) { Question question = this.getQuestion(id); question.setHit(question.getHit() + 1); this.questionRepository.save(question); return question; } } ``` - AnswerController.java ```java @RequestMapping("/answer") @RequiredArgsConstructor @Controller public class AnswerController { private final QuestionService questionService; private final AnswerService answerService; private final UserService userService; @PreAuthorize("isAuthenticated()") @PostMapping("/create/{id}/{sortKeyWord}/{page}") // form 태그 method="post"로 요청되므로 public String createAnswer(Model model, @PathVariable("id") Integer id, @PathVariable("sortKeyWord") String sortKeyWord, @PathVariable("page") int page, @Valid AnswerForm answerForm, BindingResult bindingResult, Principal principal) { // 요청 시 들어가는 데이터는 @RequestParam 으로 // 답변을 저장할 질문 객체 불러옴 Question question = this.questionService.getQuestion(id); SiteUser author = this.userService.getUser(principal.getName()); Page paging = this.answerService.getList(question, page, sortKeyWord); // 답변 입력 validation 통과 못했을 경우 question_detail 템플릿을 다시 렌더링 if (bindingResult.hasErrors()) { model.addAttribute("question", question); // 질문 상세를 출력해야 하므로 model 객체로 질문을 전달한다 model.addAttribute("paging", paging); model.addAttribute("sortKeyWord", sortKeyWord); model.addAttribute("commentForm", new CommentForm()); return "question_detail"; } // 답변 저장 Answer answer = this.answerService.create(question, answerForm.getContent(), author); // 답변 저장 완료 후, 기존에 있었던 질문 상세 페이지로 리턴 return String.format("redirect:/question/detail/%s?page=%s#answer_%s", answer.getQuestion().getId(), page, answer.getId()); } @PreAuthorize("isAuthenticated()") @GetMapping("/delete/{id}") public String deleteAnswer(@PathVariable("id") Integer id, Principal principal) { Answer answer = this.answerService.getAnswer(id); if (!answer.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "삭제 권한이 없습니다."); } this.answerService.delete(answer); return String.format("redirect:/question/detail/%s#answer_%s", answer.getQuestion().getId(), answer.getId()); } @PreAuthorize("isAuthenticated()") @GetMapping("/vote/{id}/{page}") public String voteAnswer(@PathVariable("id") Integer id, @PathVariable("page") int page, Principal principal) { Answer answer = this.answerService.getAnswer(id); SiteUser voter = this.userService.getUser(principal.getName()); if (answer.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "본인이 작성한 댓글은 추천할 수 없습니다."); } this.answerService.vote(answer, voter); return String.format("redirect:/question/detail/%s?page=%s#answer_%s", answer.getQuestion().getId(), page, answer.getId()); } } ``` - AnswerForm.java ```java @Getter @Setter public class AnswerForm { @NotEmpty(message = "내용은 필수항목입니다") private String content; } ``` - AnswerService.java ```java @RequiredArgsConstructor @Service public class AnswerService { private final AnswerRepository answerRepository; public Page getList(Question question, int page, String sortKeyWord) { // order by createDate desc; List sorts = new ArrayList<>(); // 정렬 조건을 저장할 수 있는 Sort.Order 객체로 구성된 List 선언 // sortKeyWord가 createDate이면 기존 함수 그대로 쓰고.. // 그게 아니면 키워드로 직접 쿼리 날리는 걸로 if (sortKeyWord.equals("voter")) { Pageable pageable = PageRequest.of(page, 10); return this.answerRepository.findAllByQuestionSortByVoterCount(question.getId(), pageable); } else if (sortKeyWord.equals("commentList")) { Pageable pageable = PageRequest.of(page, 10); return this.answerRepository.findAllByQuestionSortByCommentCount(question.getId(), pageable); } else { sorts.add(Sort.Order.asc("createDate")); // createDate 속성을 내림차순으로 정렬하는 정렬 조건을 List에 저장 Pageable pageable = PageRequest.of(page, 10, Sort.by(sorts)); // 정렬 조건들이 담긴 List를 넘겨주면 해당 조건에 맞게 정렬 후 해당 페이지를 반환 return this.answerRepository.findAllByQuestion(question, pageable); } } public Answer getAnswer(Integer id) { Optional oa = this.answerRepository.findById(id); if (oa.isPresent()) { return oa.get(); } else { throw new DataNotFoundException("answer not found"); } } public Answer create(Question question, String content, SiteUser author) { Answer answer = new Answer(); answer.setContent(content); answer.setCreateDate(LocalDateTime.now()); answer.setQuestion(question); answer.setAuthor(author); this.answerRepository.save(answer); return answer; } public void delete(Answer answer) { this.answerRepository.delete(answer); } public void vote(Answer answer, SiteUser voter) { answer.getVoter().add(voter); this.answerRepository.save(answer); } } ``` - AnswerRepository.java ```java public interface AnswerRepository extends JpaRepository { Page findAllByQuestion(Question question, Pageable pageable); @Query(value = "select " + "distinct a.*, count(av.answer_id) as voter_count " + "from answer a " + "left outer join answer_voter av on a.id = av.answer_id " + "where a.question_id = :question_id " + "group by a.id, av.answer_id " + "order by voter_count desc, a.create_date asc " , countQuery = "select count(*) from Answer" , nativeQuery = true) Page findAllByQuestionSortByVoterCount(@Param("question_id") Integer questionId, Pageable pageable); @Query(value = "select " + "distinct a.*, count(c.answer_id) as comment_count " + "from answer a " + "left outer join comment c on a.id = c.answer_id " + "where a.question_id = :question_id " + "group by a.id, c.answer_id " + "order by comment_count desc, a.create_date asc " , countQuery = "select count(*) from answer" , nativeQuery = true) Page findAllByQuestionSortByCommentCount(@Param("question_id") Integer questionId, Pageable pageable); } ``` - CommentController.java ```java @RequestMapping("/comment") @RequiredArgsConstructor @Controller public class CommentController { private final AnswerService answerService; private final CommentService commentService; private final UserService userService; @PreAuthorize("isAuthenticated()") @PostMapping("/create/{answerId}/{commentId}/{sortKeyWord}/{page}") public String createComment(Model model, @PathVariable("answerId") Integer answerId, @PathVariable("commentId") Integer commentId, @PathVariable("sortKeyWord") String sortKeyWord, @PathVariable("page") int page, @Valid CommentForm commentForm, BindingResult bindingResult, Principal principal) { Answer answer = this.answerService.getAnswer(answerId); Comment parent = this.commentService.getComment(commentId); SiteUser author = this.userService.getUser(principal.getName()); Page paging = this.answerService.getList(answer.getQuestion(), page, sortKeyWord); if (bindingResult.hasErrors()) { model.addAttribute("question", answer.getQuestion()); model.addAttribute("paging", paging); model.addAttribute("sortKeyWord", sortKeyWord); model.addAttribute("answerForm", new AnswerForm()); model.addAttribute("answerId", answer.getId()); return "question_detail"; } this.commentService.create(answer, parent, commentForm.getContent(), author); return String.format("redirect:/question/detail/%s?page=%s#answer_%s", answer.getQuestion().getId(), page, answer.getId()); } @PreAuthorize("isAuthenticated()") @GetMapping("/delete/{id}") public String deleteComment(@PathVariable("id") Integer id, Principal principal) { Comment comment = this.commentService.getComment(id); if (!comment.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "삭제 권한이 없습니다."); } this.commentService.delete(comment); return String.format("redirect:/question/detail/%s#answer_%s", comment.getAnswer().getQuestion().getId(), comment.getAnswer().getId()); } @PreAuthorize("isAuthenticated()") @GetMapping("/vote/{id}/{page}") public String voteComment(@PathVariable("id") Integer id, @PathVariable("page") int page, Principal principal) { Comment comment = this.commentService.getComment(id); SiteUser voter = this.userService.getUser(principal.getName()); if (comment.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "본인이 작성한 댓글은 추천할 수 없습니다."); } this.commentService.vote(comment, voter); return String.format("redirect:/question/detail/%s?page=%s#answer_%s", comment.getAnswer().getQuestion().getId(), page, comment.getAnswer().getId()); } } ``` - CommentForm.java ```java @Getter @Setter public class CommentForm { @NotEmpty(message = "내용은 필수항목입니다") private String content; } ``` - CommentService.java ```java @RequiredArgsConstructor @Service public class CommentService { private final CommentRepository commentRepository; public Comment getComment(Integer id) { if (id <= 0) return null; Optional oc = this.commentRepository.findById(id); if (oc.isPresent()) { return oc.get(); } else { throw new DataNotFoundException("comment not found"); } } public void create(Answer answer, Comment parent, String content, SiteUser author) { Comment comment = new Comment(); comment.setContent(content); comment.setCreateDate(LocalDateTime.now()); comment.setAnswer(answer); comment.setAuthor(author); if (parent != null) comment.setParent(parent); this.commentRepository.save(comment); } public void delete(Comment comment) { this.commentRepository.delete(comment); } public void vote(Comment comment, SiteUser voter) { comment.getVoter().add(voter); this.commentRepository.save(comment); } } ``` - UserService.java ```java @RequiredArgsConstructor @Service public class UserService { private final UserRepository userRepository; public SiteUser getUser(String username) { Optional siteUser = this.userRepository.findByusername(username); if (siteUser.isPresent()) { return siteUser.get(); } else { throw new DataNotFoundException("siteuser not found"); } } } ``` - UserRepository.java ```java public interface UserRepository extends JpaRepository { Optional findByusername(String username); } ```
## ? 글 수정 페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/hikDwCW.png)
### ? 소스 코드 --- - question_form.html ```html

글쓰기

``` - QuestionController.java ```java @RequestMapping("/question") @RequiredArgsConstructor @Controller public class QuestionController { private final QuestionService questionService; private final CategoryService categoryService; @PreAuthorize("isAuthenticated()") @GetMapping("/modify/{id}") public String modifyQuestion(Model model, QuestionForm questionForm, @PathVariable("id") Integer id, Principal principal) { Question question = this.questionService.getQuestion(id); if (!question.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정 권한이 없습니다."); } List categories = this.categoryService.getList(); model.addAttribute("categories", categories); questionForm.setSubject(question.getSubject()); questionForm.setContent(question.getContent()); return "question_form"; } @PreAuthorize("isAuthenticated()") @PostMapping("/modify/{id}") public String modifyQuestion(Model model, @Valid QuestionForm questionForm, BindingResult bindingResult, @PathVariable("id") Integer id, Principal principal) { if (bindingResult.hasErrors()) { List categories = this.categoryService.getList(); model.addAttribute("categories", categories); return "question_form"; } Question question = this.questionService.getQuestion(id); if (!question.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정 권한이 없습니다."); } this.questionService.modify(question, questionForm.getSubject(), questionForm.getContent()); return String.format("redirect:/question/detail/%s", id); } } ``` - QuestionForm.java ```java @Getter @Setter public class QuestionForm { private String category; @NotEmpty(message = "제목은 필수항목입니다.") @Size(max=200) private String subject; @NotEmpty(message = "내용은 필수항목입니다.") private String content; } ``` - QuestionService.java ```java @RequiredArgsConstructor @Service public class QuestionService { private final QuestionRepository questionRepository; public Question getQuestion(Integer id) { Optional oq = this.questionRepository.findById(id); if (oq.isPresent()) { return oq.get(); } else { // 해당 id를 갖는 질문 객체가 존재하지 않는 경우 // DataNotFoundException 에러 출력 throw new DataNotFoundException("question not found"); } } public void modify(Question question, String subject, String content) { question.setSubject(subject); question.setContent(content); question.setModifyDate(LocalDateTime.now()); this.questionRepository.save(question); } } ``` - CategoryService.java ```java @RequiredArgsConstructor @Service public class CategoryService { private final CategoryRepository categoryRepository; public List getList() { return this.categoryRepository.findAll(); } } ```
## ? 답변 수정 페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/EErprvC.png)
### ? 소스 코드 --- - answer_form.html ```html

답변 수정

``` - AnswerController.java ```java @RequestMapping("/answer") @RequiredArgsConstructor @Controller public class AnswerController { private final AnswerService answerService; @PreAuthorize("isAuthenticated()") @GetMapping("/modify/{id}/{page}") public String modifyAnswer(AnswerForm answerForm, @PathVariable("id") Integer id, @PathVariable("page") int page, Principal principal) { Answer answer = this.answerService.getAnswer(id); if (!answer.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정 권한이 없습니다."); } answerForm.setContent(answer.getContent()); return "answer_form"; } @PreAuthorize("isAuthenticated()") @PostMapping("/modify/{id}/{page}") public String modifyAnswer(@Valid AnswerForm answerForm, BindingResult bindingResult, @PathVariable("id") Integer id, @PathVariable("page") int page, Principal principal) { if (bindingResult.hasErrors()) { return "answer_form"; } Answer answer = this.answerService.getAnswer(id); if (!answer.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정 권한이 없습니다."); } this.answerService.modify(answer, answerForm.getContent()); return String.format("redirect:/question/detail/%s?page=%s#answer_%s", answer.getQuestion().getId(), page, answer.getId()); } } ``` - AnswerForm.java ```java @Getter @Setter public class AnswerForm { @NotEmpty(message = "내용은 필수항목입니다") private String content; } ``` - AnswerService.java ```java @RequiredArgsConstructor @Service public class AnswerService { private final AnswerRepository answerRepository; public Answer getAnswer(Integer id) { Optional oa = this.answerRepository.findById(id); if (oa.isPresent()) { return oa.get(); } else { throw new DataNotFoundException("answer not found"); } } public void modify(Answer answer, String content) { answer.setContent(content); answer.setModifyDate(LocalDateTime.now()); this.answerRepository.save(answer); } } ```
## ? 댓글 수정 페이지 ### ?️ 동작 화면 --- ![img](https://i.imgur.com/E0WGrPF.png)
### ? 소스 코드 --- - comment_form.html ```html

댓글 수정

``` - CommentController.java ```java @RequestMapping("/comment") @RequiredArgsConstructor @Controller public class CommentController { private final CommentService commentService; @PreAuthorize("isAuthenticated()") @GetMapping("/modify/{id}/{page}") public String modifyComment(CommentForm commentForm, @PathVariable("id") Integer id, @PathVariable("page") int page, Principal principal) { Comment comment = this.commentService.getComment(id); if (!comment.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정 권한이 없습니다."); } commentForm.setContent(comment.getContent()); return "comment_form"; } @PreAuthorize("isAuthenticated()") @PostMapping("/modify/{id}/{page}") public String modifyComment(@Valid CommentForm commentForm, BindingResult bindingResult, @PathVariable("id") Integer id, @PathVariable("page") int page, Principal principal) { if (bindingResult.hasErrors()) { return "comment_form"; } Comment comment = this.commentService.getComment(id); if (!comment.getAuthor().getUsername().equals(principal.getName())) { throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "수정 권한이 없습니다."); } this.commentService.modify(comment, commentForm.getContent()); return String.format("redirect:/question/detail/%s?page=%s#answer_%s", comment.getAnswer().getQuestion().getId(), page, comment.getAnswer().getId()); } } ``` - CommentForm.java ```java @Getter @Setter public class CommentForm { @NotEmpty(message = "내용은 필수항목입니다") private String content; } ``` - CommentService.java ```java @RequiredArgsConstructor @Service public class CommentService { private final CommentRepository commentRepository; public Comment getComment(Integer id) { if (id <= 0) return null; Optional oc = this.commentRepository.findById(id); if (oc.isPresent()) { return oc.get(); } else { throw new DataNotFoundException("comment not found"); } } public void modify(Comment comment, String content) { comment.setContent(content); comment.setModifyDate(LocalDateTime.now()); this.commentRepository.save(comment); } } ```
## ? 공통 영역 ### ? 소스 코드 --- - layout.html ```html SBB ``` - navbar.html ```html ``` - form_errors.html ```html

``` - style.css ```css a { text-decoration: none; color: inherit; } p { margin: 0; padding: 0; } a.hover-none:hover { color: rgb(128, 128, 128); } .comment { display: inline-block; } .comment-author { font-weight: bold; font-size: 0.9rem; } .comment-date { font-weight: light; font-size: 0.7rem; margin-right: 0.8rem; } .comment-content { font-size: 0.8rem; } .comment-box { margin-left: 3rem; } .page-link { color: #000; background-color: #fff; border: 1px solid #ccc; } .page-item.active .page-link { z-index: 1; color: #555; font-weight:bold; background-color: #f1f1f1; border-color: #ccc; } .page-link:focus, .page-link:hover { color: #000; background-color: #fafafa; border-color: #ccc; } .comment-Code { min-height: 80px; } * { font-family: "Noto Sans KR", sans-serif; } body { color: rgb(50, 50, 50); } .header-color { background-color: rgb(198, 224, 180); } .body-color { background-color: rgb(242, 242, 242); } .box-color { background-color: rgb(226, 239, 218); } .content-color { background-color: rgb(255, 255, 255); } .form-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 500px) { .form-container { width: 100%; } } @media (min-width: 700px) { .form-container { width: 500px; } } .list-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 500px) { .list-container { width: 100%; } } @media (min-width: 768px) { .list-container { width: 700px; } } @media (min-width: 992px) { .list-container { width: 900px; } } @media (min-width: 1200px) { .list-container { width: 1000px; } } .round-top { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .font-none { font-size: 0; } .font-weight-bold { font-weight: bold; } .font-title { font-size: 1.2rem; } .font-author { font-size: 1.1rem; } .font-answer-author { font-size: .9rem; } .font-normal { font-size: 1rem; } .font-sub { font-size: .9rem; color: rgb(128, 128, 128); } .font-sub-white { font-size: .9rem; color: rgb(255, 255, 255); } .font-color-sub { color: rgb(128, 128, 128); } .font-answer-sub { font-size: .75rem; color: rgb(128, 128, 128); } .font-answer-sub-white { font-size: .75rem; color: rgb(255, 255, 255); } .w-5 { width: .5rem; } .w-20p { width: 20%; } .w-25p { width: 25%; } .w-30p { width: 30%; } .w-70p { width: 70%; } .w-95p { width: 95%; } .custom-btn { border: none; } .user-info-head, .user-info-content { height: 40px; } .user-info-content { padding-left: 10px; } .user-info-row span { line-height: 40px; } .user-info-row > th { background-color: rgb(198, 224, 180); } .user-info-row > td { background-color: rgb(255, 255, 255); } .form-custom { display: inline-block; width: auto; flex-grow: 1; } #alert-fail, #alert-success, #alert-proceeding { display: none; } ``` - bootstrap.min.css - bootstrap.min.js - simplemde.min.css - simplemde.min.js - DataNotFoundException.java ```java @ResponseStatus(value = HttpStatus.NOT_FOUND, reason = "entity not found") public class DataNotFoundException extends RuntimeException { private static final long serialVersionUID = 1L; public DataNotFoundException(String message) { super(message); } } ``` - CommonUtil.java ```java @RequiredArgsConstructor @Component public class CommonUtil { private final QuestionService questionService; public String markdown(String markdown) { Parser parser = Parser.builder().build(); Node document = parser.parse(markdown); HtmlRenderer renderer = HtmlRenderer.builder().build(); return renderer.render(document); } public String timeDifference(LocalDateTime oldDate) { Duration diff = Duration.between(oldDate, LocalDateTime.now()); if (diff.getSeconds() < 60) return "방금 전"; if (diff.getSeconds() < 60 * 60) return diff.toMinutes() + "분 전"; if (diff.getSeconds() < 60 * 60 * 24) return diff.toHours() + "시간 전"; if (diff.getSeconds() < 60 * 60 * 24 * 7) return diff.toDays() + "일 전"; return oldDate.format(DateTimeFormatter.ofPattern("yy.MM.dd")); } public Integer getAnswerCommentCount(Integer id) { Question question = this.questionService.getQuestion(id); Integer count = 0; count += question.getAnswerList().size(); for (int i = 0; i < question.getAnswerList().size(); i++) { count += question.getAnswerList().get(i).getCommentList().size(); } return count; } } ```
# ? 배포 ## ? 서버 구조 ![img](https://i.imgur.com/AspJjQQ.png)
$$uml !theme mars frame 클라이언트 { frame OS { frame 브라우저 { } } } frame 서버 { frame CentOS7 { circle CentOS7――3306 circle CentOS7――8082 circle CentOS7――443 frame 도커 { frame npm_1 { circle npm_1――443 } frame sbb_practice { circle sbb_practice――8192 } frame mariadb_1 { circle mariadb_1――3306 } } } } 브라우저 --> "CentOS7――443":1． https://sbb.pintor.dev 로 접속 "CentOS7――443" --> "npm_1――443" : 2． 외부(CentOS7)의 443포트는\nnpm_1의 443포트로 연결되어 있다. "npm_1――443" --> "CentOS7――8082" : 3． npm_1이 도메인(sbb.pintor.dev)을 보고\n172．17．0．1:8082 로 토스해야 겠다고 판단. "CentOS7――8082" --> "sbb_practice――8192" : 4． 외부(CentOS7)의 8082포트는\nsbb_practice의 8192포트로 연결되어 있다. "sbb_practice――8192" --> "CentOS7――3306" : 5． DB 쿼리, 내부 8192 => 외부 3306 "CentOS7――3306" --> "mariadb_1――3306" : 6． 외부 3306 => mariadb_1 내부 3306 $$
## ? Google Domains ![img](https://i.imgur.com/u9bC4G9.png)
## ? Naver Cloud PlatForm ![img](https://i.imgur.com/OeV13m3.png)
## ? Termius ![img](https://i.imgur.com/9P0BS4r.png)
## ? Nginx Proxy Manager ![img](https://i.imgur.com/FmqyYRX.png)
## ? Jenkins CI / CD ### ? Build Triggers --- ``` - GitHub hook trigger for GITScm polling ```
### ? Pipeline Script --- ```java pipeline { agent any environment { timestamp = "${System.currentTimeMillis() / 1000L}" } stages { stage('Prepare') { steps { script { // Get the ID of the sbb_practice:latest image def oldImageId = sh(script: "docker images sbb_practice:latest -q", returnStdout: true).trim() env.oldImageId = oldImageId } git branch: 'main', url: 'https://github.com/pintordev/SBB_PRACTICE' } post { success { sh 'echo "Successfully Cloned Repository"' } failure { sh 'echo "Fail Cloned Repository"' } } } stage('Build Gradle') { steps { dir('src/main/resources') { sh """ echo spring.profiles.include=prod > application.properties echo secret keys >> application-prod.properties """ } dir('.') { sh """ chmod +x gradlew """ } dir('.') { sh """ ./gradlew clean build """ } } post { success { sh 'echo "Successfully Build Gradle Test"' } failure { sh 'echo "Fail Build Gradle Test"' } } } stage('Build Docker Image') { steps { script { sh "docker build -t sbb_practice:${timestamp} ." } } } stage('Run Docker Container') { steps { script { // Check if the container is already running def isRunning = sh(script: "docker ps -q -f name=sbb_practice", returnStdout: true).trim() if (isRunning) { sh "docker rm -f sbb_practice" } // Run the new container try { sh """ docker run \ --name=sbb_practice \ -p 8082:8192 \ -v /docker_projects/sbb_practice/volumes/file:/file \ --restart unless-stopped \ -e TZ=Asia/Seoul \ -d \ sbb_practice:${timestamp} """ } catch (Exception e) { // If the container failed to run, remove it and the image isRunning = sh(script: "docker ps -q -f name=sbb_practice", returnStdout: true).trim() if (isRunning) { sh "docker rm -f sbb_practice" } def imageExists = sh(script: "docker images -q sbb_practice:${timestamp}", returnStdout: true).trim() if (imageExists) { sh "docker rmi sbb_practice:${timestamp}" } error("Failed to run the Docker container.") } // If there's an existing 'latest' image, remove it def latestExists = sh(script: "docker images -q sbb_practice:latest", returnStdout: true).trim() if (latestExists) { sh "docker rmi sbb_practice:latest" if(!oldImageId.isEmpty()) { sh "docker rmi ${oldImageId}" } } // Tag the new image as 'latest' sh "docker tag sbb_practice:${env.timestamp} sbb_practice:latest" } } } } } ```
### ? Deployment Process; Test Fail --- $$uml !theme toy autonumber box "작업PC" actor 개발자 entity 작업PC end box entity Github_Repository box "서버" entity Jenkins entity 테스트용_서버컨테이너 entity 실서버용_서버컨테이너 end box 개발자 -> 작업PC : Commit! 작업PC -> Github_Repository : Push! Github_Repository -> Jenkins : Webhook에 의해서 Commit Signal 전송 Jenkins -> 테스트용_서버컨테이너 : 재배포 스크립트 실행 테스트용_서버컨테이너 -> Jenkins : 테스트가 실패했습니다... Jenkins -> Jenkins : 이번 빌드는 실패로 처리하고, 작업을 종료합니다. 개발자 -> Jenkins : 해당 빌드의 콘솔기록을 확인하여 테스트가 왜 실패했는지 분석 $$
### ? Deployment Process; Test Success --- $$uml !theme toy autonumber box "작업PC" actor 개발자 entity 작업PC end box entity Github_Repository box "서버" entity Jenkins entity 테스트용_서버컨테이너 entity 실서버용_서버컨테이너 end box 개발자 -> 작업PC : Commit! 작업PC -> Github_Repository : Push! Github_Repository -> Jenkins : Webhook에 의해서 Commit Signal 전송 Jenkins -> 테스트용_서버컨테이너 : 재배포 스크립트 실행 테스트용_서버컨테이너 -> Jenkins : All Clear Jenkins -> 실서버용_서버컨테이너 : 리빌드 후 다시 실행하세요! 개발자 -> 실서버용_서버컨테이너 : Web Brouser로 Build 되었는지 확인 $$
### ? Stage View --- ![img](https://i.imgur.com/4KOX86T.png)
# ?? 감사합니다 ??