게시판 CMS - 파일럿 프로젝트
백엔드
게시판 CMS - 파일럿 프로젝트
두줄요약
4주간 소셜 로그인 기반 게시판 CMS 파일럿 프로젝트를 구현하며 Vue와 SpringBoot 실무 기술을 학습했습니다. 이미지 업로드, 권한 처리, XSS 방지 같은 구현과 문제 해결 과정을 정리했습니다.
핵심 내용
- 소셜 로그인 기반 게시판 서비스와 CMS를 4주간 파일럿 프로젝트로 구현한 경험 정리
- Vue, Vuex, SpringBoot, Spring Security, JPA, MySQL, S3, XSS 방지 등 실무 기술 학습과 적용 과정 공유
구조와 흐름
- Vue router, Vuex, axios로 프론트 상태 관리와 API 통신 구성
- SpringBoot에서 인증·권한 처리, JPA Auditing, DTO 기반 도메인 분리 적용
- 이미지 업로드는 S3 저장 후 메타데이터만 DB 저장하는 흐름으로 설계
주의할 점
- Vue CLI 3.x와 Webpack 연동 설정, SpringBoot-Vue 분리 개발과 번들링 과정의 설정 차이
- lucy-xss-servlet-filter가 JSON 요청에는 적용되지 않아 별도 MessageConverter 처리 필요
- JPA 연관관계 설계와 감사 정보 자동 주입을 위한 AuditorAware 구현 필요
적용해볼 점
- 게시판, 댓글, 이미지 업로드, 임시저장, 관리자 기능이 있는 서비스에 참고 가능한 구조
- XSS 방어, 권한 기반 수정·삭제 제한, S3 업로드 패턴을 실무에 적용 가능