도서 관리 시스템 — Full Stack

KT AIVLE School AI 트랙 미니프로젝트 5차

미니프로젝트 4차(별도 저장소 04-Miniproject)에서 json-server 목업으로 만들었던 도서 관리 시스템 프론트엔드를, 실제 Spring Boot + MySQL 백엔드로 전환하고 회원가입/로그인/팔로우/댓글·평점 같은 실사용 기능을 추가한 풀스택 프로젝트입니다.

아키텍처

graph LR
 User(("클라이언트"))
 Client["React"]
 Server["Spring Boot"]
 DB[("MySQL")]
 AI["OpenAI"]

 User -- "HTTP<br>UI 렌더링" --> Client
 Client -- "REST API<br>(JWT 인증)" --> Server
 Server -- "JPA" --> DB
 Client -- "AI 표지 생성 요청<br>(API Key 사용)" --> AI
 AI -- "이미지 데이터(base64) 반환" --> Client

Loading

• Before(4차, json-server 목업) → After(5차, 실 백엔드) 전환 과정과 상세 ERD·API·트러블슈팅은 BackEnd/README.md에 정리돼 있습니다.

구성

디렉토리	내용
Frontend/	React + Vite. 도서 목록/상세/등록, AI 표지 생성, 회원가입·로그인, 마이페이지, 작가 프로필·팔로우
BackEnd/	Spring Boot + MySQL + JPA + Spring Security(JWT). 회원/도서/댓글/팔로우/즐겨찾기 REST API

각 디렉토리의 README에 세부 기술 스택, 프로젝트 구조, API 엔드포인트, 실행 방법, 화면 미리보기, 트러블슈팅이 정리돼 있습니다.

팀 R&R

이름	역할	담당 기능
박태정	조장	PM·기획, AI/Frontend 연동
김다진	PPT	백엔드 개발
황민서	검토담당자	백엔드 개발
배수성	타임키퍼	백엔드 개발
유지은	발표자	백엔드 개발
이채은	서기	AI/Frontend 연동
김다애	PPT	통합/예외 처리
김경민	-	예비군 훈련으로 대부분 불참, 백엔드 일부 참여

빠른 시작

# MySQL에 book_db 데이터베이스 생성 후

# Backend
cd BackEnd/book-backend
# IntelliJ에서 BookBackendApplication.java 실행 (또는 ./gradlew bootRun)

# Frontend
cd Frontend
npm install
npm run dev

환경 변수 등 자세한 설치 방법은 BackEnd/README.md를 참고하세요.