---
name: next-feature
description: 리포트 관련 Next.js 15 App Router 기능 구현 워크플로우. 리포트 페이지, API 라우트 구현 시 사용.
---

# 리포트 Next.js 기능 구현 워크플로우

## 수정 범위 제약

리포트 관련 라우트만 수정. 다른 페이지는 수정하지 않는다.

허용 라우트:
- `app/(main)/admin/screenMng/reportList/page.tsx`
- `app/(main)/admin/screenMng/reportList/designer/[reportId]/page.tsx`

## 프로젝트 구조 (리포트 관련)

```
frontend/
├── app/(main)/admin/screenMng/reportList/
│   ├── page.tsx                             # 리포트 목록
│   └── designer/[reportId]/page.tsx         # 리포트 디자이너
├── components/report/                       # 리포트 컴포넌트
├── lib/api/reportApi.ts                     # 리포트 API 클라이언트
├── hooks/useReportList.ts                   # 리포트 훅
└── types/report.ts                          # 리포트 타입
```

## API 호출 규칙

```typescript
import { getReportList, createReport } from "@/lib/api/reportApi";
```

환경별 URL 자동 처리:
- `v1.vexplor.com` → `api.vexplor.com`
- `localhost:9771` → `localhost:8080`
