나만의 책장 관리 시스템 - 읽은 책 & 읽고 싶은 책 정리 - 바이브코딩 레시피
입문 PHP Laravel

나만의 책장 관리 시스템 - 읽은 책 & 읽고 싶은 책 정리

리포지토리명 personal-bookshelf-manager
조회수 35 1건 제출 어제

문제 설명

📚 나만의 책장 관리 시스템

개인 서재를 디지털로 옮겨보세요! 읽은 책과 읽고 싶은 책을 한곳에서 관리하고, 간단한 메모와 별점으로 독서 기록을 남길 수 있는 Laravel 기반 웹 애플리케이션입니다.

필수 기능

  • 책 등록: 제목, 저자, 카테고리(소설/에세이/자기계발/기술 등), 읽기 상태(읽고 싶음/읽는 중/읽음) 입력
  • 책 목록 보기: 등록된 책을 카드 형태로 표시, 읽기 상태별 필터링 가능
  • 책 상세 페이지: 책 정보와 함께 별점(1~5), 한줄평, 읽은 날짜 표시
  • 책 수정 및 삭제: 등록한 책 정보 수정 및 삭제 기능
  • 통계 대시보드: 읽은 책 수, 카테고리별 분포를 간단한 숫자/바로 표시

선택 추가 기능 (보너스)

  • 책 표지 이미지 URL 입력 및 표시
  • 검색 기능 (제목/저자로 검색)
  • 읽기 상태별 색상 구분 (읽고 싶음: 파랑, 읽는 중: 주황, 읽음: 초록)
  • 카테고리별 정렬 기능

기술 스택

  • 백엔드: Laravel 12.x
  • 프론트엔드: Blade 템플릿 + Tailwind CSS
  • 데이터베이스: SQLite (간단한 로컬 DB)
  • 라우팅: Laravel Resource Routes 활용

완성하면 나만의 독서 이력을 한눈에 볼 수 있는 실용적인 도구가 됩니다!

제약 조건

  • Laravel 12.x 버전 사용 (구버전 금지)
  • Blade 템플릿 엔진 사용 (React, Vue 등 SPA 프레임워크 사용 금지)
  • Tailwind CSS로 스타일링
  • SQLite 데이터베이스 사용
  • Laravel Resource Controller 패턴 활용
  • Blade 컴포넌트로 재사용 가능한 UI 구성
  • Laravel Validation으로 입력값 검증
  • 반응형 디자인 (모바일/데스크톱 모두 지원)

프롬프트 레시피

아래 프롬프트를 순서대로 AI에게 보내면 됩니다. 복사 버튼을 눌러 바로 사용하세요.

1
Step 1
Laravel 12.x 프로젝트를 생성하고 책장 관리 시스템의 기본 구조를 만들어주세요.

요구사항:
1. 프로젝트명: personal-bookshelf-manager
2. SQLite 데이터베이스 설정 (.env 파일에서 DB_CONNECTION=sqlite)
3. Tailwind CSS 설치 및 설정
4. Book 모델, 마이그레이션, Resource 컨트롤러 생성
   - 필드: title(제목), author(저자), category(카테고리), status(읽기 상태: want_to_read/reading/completed), rating(별점 1-5, nullable), review(한줄평, nullable), cover_image_url(표지 이미지 URL, nullable), finished_at(읽은 날짜, nullable)
5. Resource 라우트 등록 (books)
6. 기본 레이아웃 Blade 템플릿 생성 (app.blade.php)
   - Tailwind CSS CDN 포함
   - 네비게이션 바 (홈, 책 목록, 책 추가, 통계)
   - 반응형 레이아웃

마이그레이션을 실행하고 기본 구조가 작동하는지 확인해주세요.

기대 결과: Laravel 12.x 프로젝트가 생성되고, SQLite DB가 설정되며, Book 모델과 마이그레이션이 생성됩니다. Tailwind CSS가 설치되고, 기본 레이아웃 템플릿과 라우트가 준비됩니다. http://localhost:8000 접속 시 네비게이션이 있는 기본 페이지가 표시됩니다.

2
Step 2
책 등록 및 목록 보기 기능을 구현해주세요.

요구사항:
1. BookController의 index 메서드 구현
   - 모든 책을 최신순으로 가져오기
   - 읽기 상태별 필터링 기능 (쿼리 파라미터 ?status=reading)
   - books/index.blade.php 뷰 반환

2. books/index.blade.php 생성
   - 필터 버튼 (전체/읽고 싶음/읽는 중/읽음)
   - 책 목록을 그리드 카드 형태로 표시 (반응형: 모바일 1열, 태블릿 2열, 데스크톱 3-4열)
   - 각 카드에 표지 이미지(있으면), 제목, 저자, 카테고리, 상태 배지 표시
   - 상태별 색상 구분 (읽고 싶음: 파랑, 읽는 중: 주황, 읽음: 초록)
   - 카드 클릭 시 상세 페이지로 이동
   - '책 추가' 버튼 (우측 상단 고정)

3. BookController의 create 메서드 구현
   - books/create.blade.php 뷰 반환

4. books/create.blade.php 생성
   - 책 등록 폼 (제목, 저자, 카테고리 select, 상태 select, 표지 이미지 URL)
   - Tailwind CSS로 깔끔한 폼 스타일링
   - 필수 입력 필드 표시 (*)

5. BookController의 store 메서드 구현
   - Laravel Validation (title, author 필수)
   - 책 저장 후 목록 페이지로 리다이렉트
   - 성공 메시지 표시 (세션 flash)

Blade 컴포넌트를 활용하여 재사용 가능한 카드 UI를 만들어주세요.

기대 결과: 책 목록 페이지에서 등록된 책들이 카드 형태로 표시되고, 상태별 필터링이 작동합니다. 책 추가 페이지에서 폼을 통해 새 책을 등록할 수 있고, 등록 후 목록으로 돌아가며 성공 메시지가 표시됩니다. 반응형 그리드 레이아웃이 모바일/데스크톱에서 잘 작동합니다.

3
Step 3
책 상세 페이지, 수정, 삭제 기능과 통계 대시보드를 구현해주세요.

요구사항:
1. BookController의 show 메서드 구현
   - books/show.blade.php 뷰 반환
   - 책 상세 정보 표시

2. books/show.blade.php 생성
   - 표지 이미지 크게 표시 (있으면)
   - 제목, 저자, 카테고리, 상태 배지
   - 별점 표시 (★★★☆☆ 형태, 읽음 상태일 때만)
   - 한줄평 표시 (읽음 상태일 때만)
   - 읽은 날짜 표시 (읽음 상태일 때만)
   - 수정/삭제 버튼
   - 목록으로 돌아가기 버튼

3. BookController의 edit 메서드 구현
   - books/edit.blade.php 뷰 반환 (create와 유사하지만 기존 값 채워짐)

4. books/edit.blade.php 생성
   - 책 수정 폼 (create와 동일한 필드 + 별점, 한줄평, 읽은 날짜 추가)
   - 상태가 '읽음'일 때만 별점, 한줄평, 읽은 날짜 입력 필드 표시 (JavaScript로 동적 토글)

5. BookController의 update 메서드 구현
   - Validation (상태가 completed이면 rating 필수)
   - 책 정보 업데이트 후 상세 페이지로 리다이렉트

6. BookController의 destroy 메서드 구현
   - 책 삭제 후 목록으로 리다이렉트
   - 삭제 확인 (JavaScript confirm)

7. 통계 대시보드 구현
   - DashboardController 생성 (또는 BookController에 dashboard 메서드)
   - books/dashboard.blade.php 생성
   - 읽은 책 수, 읽는 중인 책 수, 읽고 싶은 책 수 표시 (큰 숫자 카드)
   - 카테고리별 책 수 막대 그래프 (Tailwind CSS로 간단한 바 차트)
   - 최근 읽은 책 5권 목록

모든 기능이 완성되면 실제로 책을 등록하고 수정/삭제하며 테스트해주세요.

기대 결과: 책 상세 페이지에서 모든 정보가 표시되고, 수정 페이지에서 상태에 따라 별점/한줄평 입력 필드가 동적으로 나타납니다. 삭제 기능이 작동하고, 통계 대시보드에서 읽은 책 수와 카테고리별 분포가 시각적으로 표시됩니다. CRUD 모든 기능이 정상 작동하며, 반응형 디자인이 완성됩니다.

제출된 작품 (1)

로그인 후 제출

나만의 책장 관리 시스템

리자
리자
어제 · Claude Code

읽은 책과 읽고 싶은 책을 체계적으로 정리하고 관리할 수 있는 개인 서재 관리 애플리케이션

조회수 24 댓글수 0 추천수 0

댓글 (0)

로그인 후 댓글을 남길 수 있습니다.
아직 댓글이 없습니다. 첫 번째 댓글을 남겨보세요!