나만의 프리랜서 프로젝트 관리 시스템 - 클라이언트 & 견적 & 인보이스 통합 관리

Laravel 12.x + Inertia.js + React 19 프로젝트를 생성하고 기본 구조를 설정해주세요.

요구사항:
1. Laravel Breeze의 React+Inertia 스타터 키트로 새 프로젝트 생성 (또는 `npx create laravel` 사용)
2. SQLite 데이터베이스 설정 (.env 파일에서 DB_CONNECTION=sqlite)
3. 다음 모델과 마이그레이션 생성:
   - Client 모델: name(string), company(string, nullable), email(string), phone(string, nullable), timestamps
   - Project 모델: client_id(foreignId), title(string), description(text, nullable), start_date(date), deadline(date, nullable), status(enum: 'quoting', 'in_progress', 'completed', 'on_hold'), timestamps
   - Quote 모델: project_id(foreignId), item_name(string), hours(decimal), hourly_rate(decimal), timestamps
   - Invoice 모델: project_id(foreignId), invoice_number(string, unique), issued_date(date), due_date(date), payment_status(enum: 'unpaid', 'paid'), timestamps
4. Eloquent 관계 설정:
   - Client hasMany Projects
   - Project belongsTo Client, hasMany Quotes, hasMany Invoices
   - Quote belongsTo Project
   - Invoice belongsTo Project
5. 마이그레이션 실행하여 테이블 생성
6. Tailwind CSS가 올바르게 설정되었는지 확인

프로젝트 구조가 완성되면 `php artisan serve` 및 `npm run dev` 실행 확인까지 포함해주세요.

클라이언트 관리 기능을 구현해주세요.

요구사항:
1. ClientController 생성 (resourceful controller)
2. 라우트 설정:
   - GET /clients - 클라이언트 목록
   - GET /clients/create - 클라이언트 생성 폼
   - POST /clients - 클라이언트 저장
   - GET /clients/{id}/edit - 클라이언트 수정 폼
   - PUT /clients/{id} - 클라이언트 업데이트
   - DELETE /clients/{id} - 클라이언트 삭제
3. React 페이지 컴포넌트 생성:
   - Pages/Clients/Index.jsx: 클라이언트 목록 테이블 (이름, 회사, 이메일, 전화번호, 수정/삭제 버튼)
   - Pages/Clients/Create.jsx: 클라이언트 생성 폼 (Inertia useForm 훅 사용)
   - Pages/Clients/Edit.jsx: 클라이언트 수정 폼
4. 네비게이션 메뉴에 'Clients' 링크 추가
5. 폼 검증: name, email 필수, email 형식 검증
6. 성공/에러 메시지 표시 (Inertia flash 메시지 활용)
7. Tailwind CSS로 깔끔한 테이블과 폼 디자인

컨트롤러에서 Inertia::render()로 데이터를 전달하고, React 컴포넌트에서 props로 받아 렌더링하세요.

프로젝트 관리 기능을 구현해주세요.

요구사항:
1. ProjectController 생성 (resourceful controller)
2. 라우트 설정: /projects (index, create, store, edit, update, destroy)
3. React 페이지 컴포넌트:
   - Pages/Projects/Index.jsx: 프로젝트 목록 (제목, 클라이언트명, 시작일, 마감일, 상태 배지, 수정/삭제)
   - Pages/Projects/Create.jsx: 프로젝트 생성 폼
     - 클라이언트 선택 드롭다운 (컨트롤러에서 clients 목록 전달)
     - 제목, 설명(textarea), 시작일(date input), 마감일(date input)
     - 상태 선택 (radio 또는 select: 견적중/진행중/완료/보류)
   - Pages/Projects/Edit.jsx: 프로젝트 수정 폼
4. 프로젝트 목록에서 클라이언트명 표시 (Eloquent 관계 활용: $project->client->name)
5. 상태별 색상 배지 (견적중: gray, 진행중: blue, 완료: green, 보류: yellow)
6. 네비게이션 메뉴에 'Projects' 링크 추가
7. 폼 검증: client_id, title, start_date, status 필수
8. 프로젝트 삭제 시 확인 다이얼로그 추가

ProjectController의 index 메서드에서 $projects = Project::with('client')->latest()->get(); 형태로 클라이언트 정보를 eager loading하여 전달하세요.

프로젝트별 견적서 생성 기능을 구현해주세요.

요구사항:
1. QuoteController 생성
2. 라우트 설정:
   - GET /projects/{project}/quotes - 특정 프로젝트의 견적 항목 목록
   - POST /projects/{project}/quotes - 견적 항목 추가
   - DELETE /quotes/{quote} - 견적 항목 삭제
3. React 페이지 컴포넌트:
   - Pages/Projects/Quotes.jsx:
     - 프로젝트 정보 표시 (제목, 클라이언트명)
     - 견적 항목 추가 폼 (작업명, 시간, 시간당 단가)
     - 견적 항목 테이블 (작업명, 시간, 단가, 소계, 삭제 버튼)
     - 총 견적 금액 계산 (모든 항목의 소계 합계)
4. 프로젝트 목록(Projects/Index.jsx)에 각 프로젝트 행에 '견적서' 버튼 추가 → /projects/{id}/quotes로 이동
5. 견적 항목 추가 시 실시간으로 총액 업데이트
6. 금액 표시는 통화 형식(예: ₩1,000,000 또는 $1,000.00)으로 포맷
7. 폼 검증: item_name, hours, hourly_rate 필수, hours와 hourly_rate는 양수

QuoteController의 index 메서드에서 $project = Project::with(['client', 'quotes'])->findOrFail($id); 형태로 데이터를 전달하세요.

인보이스 발행 기능을 구현해주세요.

요구사항:
1. InvoiceController 생성
2. 라우트 설정:
   - GET /projects/{project}/invoices - 특정 프로젝트의 인보이스 목록
   - GET /projects/{project}/invoices/create - 인보이스 생성 폼
   - POST /projects/{project}/invoices - 인보이스 저장
   - PATCH /invoices/{invoice}/mark-paid - 인보이스 지불 완료 처리
3. React 페이지 컴포넌트:
   - Pages/Projects/Invoices.jsx: 인보이스 목록 (인보이스 번호, 발행일, 지불 기한, 금액, 지불 상태, '지불완료' 버튼)
   - Pages/Invoices/Create.jsx: 인보이스 생성 폼
     - 인보이스 번호 자동 생성 (예: INV-2024-001)
     - 발행일, 지불 기한(date input)
     - 프로젝트의 견적 항목 목록 표시 (읽기 전용)
     - 총 인보이스 금액 자동 계산 (견적 항목 소계 합계)
4. 프로젝트 목록에 '인보이스' 버튼 추가 → /projects/{id}/invoices로 이동
5. 인보이스 목록에서 지불 상태 배지 (미지급: red, 지급완료: green)
6. 미지급 인보이스에만 '지불완료' 버튼 표시
7. 폼 검증: invoice_number(unique), issued_date, due_date 필수

InvoiceController의 create 메서드에서 프로젝트의 견적 항목을 함께 전달: $project = Project::with(['quotes', 'client'])->findOrFail($id);

대시보드 페이지를 구현하여 프로젝트 통계를 한눈에 볼 수 있게 해주세요.

요구사항:
1. DashboardController 생성 (또는 기존 컨트롤러 활용)
2. 라우트: GET / (루트 경로를 대시보드로)
3. React 페이지 컴포넌트 Pages/Dashboard.jsx:
   - 통계 카드 4개 (Tailwind Card 컴포넌트 스타일):
     a) 총 클라이언트 수
     b) 진행 중인 프로젝트 수 (status = 'in_progress')
     c) 이번 달 예상 수익 (이번 달 생성된 견적의 총액 합계)
     d) 미지급 인보이스 총액 (payment_status = 'unpaid')
   - 최근 프로젝트 목록 (최신 5개, 제목, 클라이언트명, 상태, 시작일)
   - 미지급 인보이스 목록 (인보이스 번호, 프로젝트명, 금액, 지불 기한)
4. 각 통계 카드에 아이콘 추가 (Heroicons React 사용 권장)
5. 대시보드에서 프로젝트/인보이스 클릭 시 해당 상세 페이지로 이동
6. 네비게이션 메뉴에 'Dashboard' 링크 추가 (최상단)

DashboardController에서 다음과 같은 데이터를 계산하여 전달:
- $totalClients = Client::count();
- $activeProjects = Project::where('status', 'in_progress')->count();
- $monthlyRevenue = Quote::whereHas('project', function($q) { $q->whereMonth('created_at', now()->month); })->sum(DB::raw('hours * hourly_rate'));
- $unpaidInvoices = Invoice::with('project')->where('payment_status', 'unpaid')->get();
- $recentProjects = Project::with('client')->latest()->take(5)->get();