배광민 · lirodek0106

LIRODEK — 개인 개발자 포트폴리오

개발 경험과 기술 역량을 소개하고 프로젝트를 직접 관리하는 개인 포트폴리오 사이트입니다. Vue 프론트엔드와 Spring Boot 백엔드, MariaDB를 연결해 공개 조회와 관리자 편집을 구성했습니다.

주요 기능

• 소개·기술 역량·경험과 프로젝트 목록 검색, 페이지 나누기, 직접 접근 가능한 상세 URL

• 관리자 세션 로그인과 프로젝트 등록·수정, 기술 스택 편집과 대표 이미지 업로드

• 방문자의 방명록 작성과 비밀번호 또는 관리자 권한을 통한 삭제

• 모바일 메뉴, 기술 영역 바로가기와 프로젝트 기여 내용·아키텍처 표시

아키텍처

Vue·TypeScript·Vuetify·Pinia·Vue Router 프론트엔드와 Java·Spring Boot·JPA·QueryDSL 백엔드를 독립 저장소로 관리합니다. MariaDB 스키마는 Flyway 변경 이력으로 관리하고, 파일 저장·조회가 같은 업로드 경로를 사용합니다.

운영과 검증

프로젝트 쓰기에는 관리자 권한과 CSRF 검증을 적용합니다. 이미지 형식·크기 검증과 방명록 비밀번호 보호를 구성했습니다. 공개 확인 서버는 빌드 결과와 API를 제공하며, 임시 HTTPS 주소로 모바일에서 확인할 수 있습니다.

사용 기술

Java · Spring Boot · JPA · QueryDSL · Vue.js · TypeScript · Vuetify · MariaDB · Spring Security · Flyway · Pinia