Compare commits

..

2 커밋

6개의 변경된 파일10개의 추가작업 그리고 7개의 파일을 삭제

파일 보기

@ -375,7 +375,7 @@ PUT, DELETE, PATCH 등 기타 메서드는 사용하지 않는다.
### 탭별 API 서비스 패턴
각 탭은 `tabs/{탭명}/services/{탭명}Api.ts`에 API 함수를 정의한다.
각 탭은 `components/{탭명}/services/{탭명}Api.ts`에 API 함수를 정의한다.
```typescript
// frontend/src/components/board/services/boardApi.ts
@ -1406,7 +1406,7 @@ frontend/src/
| +-- cn.ts className 조합 유틸리티
| +-- sanitize.ts XSS 방지/입력 살균
| +-- coordinates.ts 좌표 변환 유틸리티
+-- tabs/ 탭별 패키지 (11개)
+-- components/ 탭별 패키지 (11개, MPA 컴포넌트 구조)
| +-- {탭명}/
| +-- components/ 탭 뷰 컴포넌트
| +-- services/{탭명}Api.ts 탭별 API 서비스

파일 보기

@ -21,7 +21,7 @@ DB 설계부터 백엔드 구현, 프론트엔드 연동까지 End-to-End 패턴
```
[Frontend] [Backend] [Database]
tabs/{탭}/services/{tab}Api.ts src/{domain}/{domain}Router.ts PostgreSQL 16
components/{탭}/services/{tab}Api.ts src/{domain}/{domain}Router.ts PostgreSQL 16
Axios (withCredentials: true) requireAuth -> requirePermission
--HTTP--> src/{domain}/{domain}Service.ts wingPool / authPool
wingPool.query(SQL, params) --SQL-->

파일 보기

@ -242,7 +242,7 @@ frontend/src/
│ ├── store/ authStore (Zustand), menuStore
│ ├── types/ backtrack, boomLine, hns, navigation
│ └── utils/ coordinates, geo, sanitize
└── tabs/ 탭 단위 패키지 (11개)
└── components/ 탭 단위 패키지 (11개, MPA 컴포넌트 구조)
├── prediction/ 확산 예측
├── hns/ HNS 분석
├── rescue/ 구조 시나리오
@ -259,7 +259,7 @@ frontend/src/
**각 탭 내부 구조 패턴:**
```
tabs/{탭명}/
components/{탭명}/
├── components/ UI 컴포넌트
│ ├── {Tab}View.tsx 메인 뷰 (App.tsx에서 라우팅)
│ ├── {Tab}LeftPanel.tsx

파일 보기

@ -75,7 +75,7 @@ wing/
│ │ │ ├── store/ authStore, menuStore (Zustand)
│ │ │ ├── types/ backtrack, boomLine, hns, navigation
│ │ │ └── utils/ coordinates, geo, sanitize
│ │ └── tabs/ 탭 단위 패키지 (11개)
│ │ └── components/ 탭 단위 패키지 (11개, MPA 구조)
│ │ ├── prediction/ 확산 예측
│ │ ├── hns/ HNS 분석
│ │ ├── rescue/ 구조 시나리오

파일 보기

@ -66,7 +66,7 @@ wing/
│ │ ├── utils/ cn, coordinates, geo, sanitize
│ │ ├── styles/ base.css, components.css, wing.css (@layer)
│ │ └── constants/ featureIds.ts (FEATURE_ID 상수 체계)
│ └── tabs/ @components/ alias (11개 탭)
│ └── components/ @components/ alias (11개 탭, MPA 구조)
│ ├── prediction/ 유류 확산 예측
│ ├── hns/ HNS 분석
│ ├── rescue/ 구조 시나리오

파일 보기

@ -4,6 +4,9 @@
## [Unreleased]
### 문서
- MPA 컴포넌트 구조 반영: 개발 가이드·공통 가이드·CRUD 가이드·설치 가이드·docs/README의 `tabs/` 경로 예시를 `components/`로 정정
## [2026-04-17]
### 문서