Vue.js와 Spring Boot 기반의 개인 프로젝트

• 개발 기간: 2023.07.25 ~ 2023.09.01 (6주)
• Vue.js SPA 사용자 페이지
• Thymeleaf MPA 관리자 페이지

Spring Boot와 Vue.js를 사용하여 SPA로 구현

• 사용자 페이지 링크
• 사용자 아이디: user1
• 사용자 비밀번호: 123q

Spring Boot와 Thymeleaf를 사용하여 MPA로 구현

• 관리자 페이지 링크
• 관리자 아이디: admin1
• 관리자 비밀번호: 123qwe!

• 사용자 페이지 컨트롤러의 클래스 및 메서드를 작성한 Java Doc 문서

• 사용자 페이지 컨트롤러의 엔드포인트 및 요청/응답 형식을 작성한 API 문서

로그인 화면	회원가입 화면

문의 상세화면	갤러리 리스트 화면

갤러리 등록 화면	갤러리 수정 화면

관리자 로그인 화면	갤러리 작성 화면

공지 수정 화면	자유 수정 화면

갤러리 수정 화면	문의 수정 화면

사용자

• Spring Security
• JWT 인증 필터
• JWT 검증 필터
• Vue Router 네비게이션 가드

관리자

• Spring Security
• 세션 인증 방식

사용자

• 갤러리 게시판 - 파일 첨부 시 썸네일 생성
• 자유 게시판 - 파일 첨부 기능
• Vue Component 분리

관리자

• Thyemeleaf layout, fragment 사용