대시보드 앞서 구현한 게시판들의 최근 게시글들을 모아서 볼 수 있는 대시보드 화면입니다. 저는 각 게시판의 가장 최근 게시글 5개를 대시보드에 모아 보여줄 수 있도록 화면을 구성하였습니다. 이 부분은 앞서 배운 내용을 활용하여 다양하게 구현하면 되겠습니다. 앞으로 앞서 계획한 멀티 게시판의 핵심 기능은 모두 구현해보았습니다. 현재 완성도가 10...

문의 게시판 등록/수정/삭제 화면 문의 게시글 등록 화면입니다. 비밀글 체크박스에 체크 후 비밀번호를 입력하여 문의 게시글을 등록하면 비밀글로 설정됩니다. 게시글 수정 화면입니다. 기존 저장된 문의 게시글 정보가 나타납니다. Controller /** * board > BoardController.java */ /** ...

관리자 페이지는 현재 미구성된 상태입니다. 따라서 아래 관리자 답변은 데이터베이스에 직접 쿼리를 작성하여 넣은 값입니다. 문의 게시판 보기 화면 문의게시판은 답변은 자유게시판과 댓글한 구조로 되어 있습니다. /** * views > boards > free > BoardInquiryView.vue */ <di...

프로젝트 코드는 포스팅 이후에도 계속 개선 중입니다. 포스팅은 게시판 구현이 어떤 흐름으로 가는지 참고하는 용으로 보시면 좋을 것 같습니다. 프로젝트 코드 : 링크 문의 게시판 가져오기 화면 다른 게시판 조회 페이지와 문의 게시판 조회 페이지가 다른 점은 목록에 있습니다. 관리자 답변이 달린 문의 게시글은 제목에 (답변완료)가 나타납...

갤러리 게시글 등록/수정/삭제 화면 게시글 등록 화면입니다. 게시글에 첨부된 이미지 중 1번째 이미지는 게시글 리스트에서 나타나는 썸네일로 활용됩니다. 게시글 수정화면입니다. 수정 시 썸네일로 사용되는 1번째 이미지가 삭제처리되면 1) 기존 이미지 중 우선순위가 가장 높은(번호로 가장 낮은) 이미지가 썸네일이 됩니다. 썸네일로 대체될 기...

갤러리 게시글 보기 화면 갤러리 게시판 상세보기 화면입니다. 자유게시판과 동일하게 현재 로그인 유저의 sequence Id와 게시글 작성자 유저 sequence Id를 비교하여 동일하면 수정, 삭제를 할 수 있는 버튼이 생깁니다. 이 권한을 확인하는 부분은 자유게시글 보기와 동일합니다. 자유게시판과 다른점은 첨부파일 다운로드 대신 첨부된 이미...

프로젝트 코드는 포스팅 이후에도 계속 개선 중입니다. 포스팅은 게시판 구현이 어떤 흐름으로 가는지 참고하는 용으로 보시면 좋을 것 같습니다. 프로젝트 코드 : 링크 갤러리 게시판 가져오기 화면 갤러리 게시판 조회 페이지는 공지사항, 자유게시판과 동일하게 1) 검색 조건 입력 부분, 2) 리스트 부분, 3)페이지네이션 부분으로 나누어져...

코드 개선 1. UserID가 아닌 사용자 Sequence Number ID로 게시글 작성자 판단 [개선 전] 게시글과 댓글 수정 권한을 판단하는 로직은 로그인한 사용자의 JWT에서 String userId를 추출해 해당 정보를 작성한 userId와 비교하는 방식입니다. userId가 유저 테이블의 기본키이기 때문에 기능상에는 문제가 없습니다. ...

자유게시글 등록/수정/삭제 화면 자유게시글 등록 화면 자유게시글 등록화면입니다. 분류는 자유게시판 데이터베이스에서 카테고리 목록을 가져와 드롭다운으로 보여줍니다. 첨부파일 추가 버튼을 누르게 되면 첨부파일을 추가할 수 있는 버튼이 동적으로 생성됩니다 (최대 5개) 자유 게시글 수정 & 삭제 화면 자유게시글 수정페이지 화면입니다....

자유 게시글 보기 화면 자유 게시글 상세보기에서도 사용자 로그인 여부를 확인합니다. 로그인 후 유효한 JWT을 가지고 있다면, 댓글을 등록할 수 있는 입력 폼과 버튼이 나타납니다. JWT의 userId와 자유 게시글 작성자가 동일하다면 게시글을 수정하고 삭제할 수 있는 버튼이 나타나며, 댓글 작성자와 동일하다면 댓글을 삭제할 수 있는 버튼이 나...