1034 lines
30 KiB
Markdown
1034 lines
30 KiB
Markdown
# 리포트 관리 시스템 - 구현 완료 기능
|
|
|
|
## 📋 목차
|
|
|
|
1. [리포트 목록 관리](#1-리포트-목록-관리)
|
|
2. [리포트 디자이너](#2-리포트-디자이너)
|
|
3. [쿼리 관리](#3-쿼리-관리)
|
|
4. [컴포넌트 시스템](#4-컴포넌트-시스템)
|
|
5. [레이아웃 도구](#5-레이아웃-도구)
|
|
6. [템플릿 시스템](#6-템플릿-시스템)
|
|
7. [페이지 관리](#7-페이지-관리)
|
|
8. [미리보기 및 출력](#8-미리보기-및-출력)
|
|
|
|
---
|
|
|
|
## 1. 리포트 목록 관리
|
|
|
|
### 1.1 리포트 목록 화면
|
|
|
|
- **경로**: `/admin/report`
|
|
- **기능**:
|
|
- 전체 리포트 목록 조회
|
|
- 검색 필터링 (리포트명)
|
|
- 정렬 (생성일, 수정일)
|
|
|
|
### 1.2 리포트 기본 관리
|
|
|
|
- 리포트 생성
|
|
- 리포트 수정
|
|
- 리포트 복사
|
|
- 리포트 삭제
|
|
- 리포트 상세 정보 표시
|
|
|
|
### 1.3 UI 개선사항
|
|
|
|
- 타입 컬럼 제거 (디자인 간소화)
|
|
- 복사/삭제 액션 추가
|
|
|
|
---
|
|
|
|
## 2. 리포트 디자이너
|
|
|
|
### 2.1 기본 구조
|
|
|
|
- **경로**: `/admin/report/designer/[reportId]`
|
|
- **레이아웃**:
|
|
- 좌측: 페이지 목록 패널
|
|
- 중앙 좌측: 컴포넌트 팔레트
|
|
- 중앙: 캔버스
|
|
- 우측: 속성/쿼리/페이지 설정 패널 (탭)
|
|
|
|
### 2.2 캔버스 기능
|
|
|
|
- 드래그 앤 드롭으로 컴포넌트 배치
|
|
- 컴포넌트 선택/이동/크기 조절
|
|
- 그리드 스냅 (10px 단위)
|
|
- 정렬 가이드라인 (빨간색 라인)
|
|
- 캔버스 중심선 가이드
|
|
- 눈금자 표시 (상단/좌측)
|
|
- 페이지 여백 가이드 (파란색 점선)
|
|
- 컴포넌트가 여백 밖으로 나가지 않도록 제한
|
|
|
|
### 2.3 컴포넌트 조작
|
|
|
|
- 다중 선택 (Ctrl/Cmd + 클릭)
|
|
- 복사/붙여넣기 (Ctrl/Cmd + C/V)
|
|
- 실행 취소/재실행 (Ctrl/Cmd + Z/Y)
|
|
- 키보드 화살표 이동 (1px, Shift + 10px)
|
|
- 컴포넌트 잠금/해제
|
|
- 레이어 순서 조정 (맨 앞/뒤, 앞/뒤로)
|
|
|
|
### 2.4 정렬 도구
|
|
|
|
- **그룹 정렬**:
|
|
- 왼쪽/오른쪽/상단/하단 정렬
|
|
- 수평/수직 중앙 정렬
|
|
- **분산**:
|
|
- 수평 분산
|
|
- 수직 분산
|
|
- **크기 조정**:
|
|
- 너비 맞춤
|
|
- 높이 맞춤
|
|
- 크기 맞춤 (너비+높이)
|
|
|
|
### 2.5 컴포넌트 그룹화
|
|
|
|
- 여러 컴포넌트를 그룹으로 묶기
|
|
- 그룹 해제
|
|
- 그룹 단위 이동
|
|
|
|
---
|
|
|
|
## 3. 쿼리 관리
|
|
|
|
### 3.1 쿼리 목록
|
|
|
|
- **UI**: 아코디언 방식 (피그마 스타일)
|
|
- 쿼리 추가/삭제
|
|
- 쿼리 타입: MASTER (1건) / DETAIL (반복)
|
|
- 부드러운 열기/닫기 애니메이션
|
|
|
|
### 3.2 쿼리 설정
|
|
|
|
- 쿼리 이름 설정
|
|
- SQL 쿼리 입력 (Textarea)
|
|
- DB 연결 선택:
|
|
- 내부 DB (PostgreSQL)
|
|
- 외부 DB 연결 선택
|
|
|
|
### 3.3 파라미터 관리
|
|
|
|
- 자동 파라미터 감지 (`$1`, `$2` 등)
|
|
- 작은따옴표 내부 파라미터 무시
|
|
- 파라미터 타입 설정 (텍스트/숫자/날짜)
|
|
- 파라미터 입력 필드 동적 생성
|
|
- 등장 순서대로 정렬
|
|
|
|
### 3.4 쿼리 실행 및 검증
|
|
|
|
- SQL 안전성 검증:
|
|
- SELECT/WITH 쿼리만 허용
|
|
- 위험한 명령어 차단 (DELETE, DROP, UPDATE 등)
|
|
- 단일 쿼리만 실행 가능
|
|
- 실행 버튼 (빨간색)
|
|
- 파라미터 미입력 시 실행 버튼 비활성화
|
|
- 실행 결과 표시 (필드명, 데이터 건수)
|
|
- 실행 결과 Context에 저장
|
|
|
|
### 3.5 외부 DB 연동
|
|
|
|
- 외부 DB 연결 목록 조회
|
|
- 쿼리별 외부 DB 선택 가능
|
|
- PostgreSQL, MariaDB, MSSQL, Oracle 지원
|
|
|
|
---
|
|
|
|
## 4. 컴포넌트 시스템
|
|
|
|
### 4.1 Text 컴포넌트
|
|
|
|
- 기본 텍스트 표시
|
|
- 쿼리 필드 바인딩
|
|
- 스타일 설정:
|
|
- 글꼴 크기
|
|
- 글꼴 색상
|
|
- 글꼴 굵기 (보통/굵게)
|
|
- 텍스트 정렬 (왼쪽/가운데/오른쪽)
|
|
- 배경색
|
|
- 테두리 (두께, 색상)
|
|
|
|
### 4.2 Label 컴포넌트
|
|
|
|
- 고정 텍스트 레이블
|
|
- Text와 동일한 스타일 옵션
|
|
|
|
### 4.3 Image 컴포넌트
|
|
|
|
- 이미지 파일 업로드 (로컬 파일)
|
|
- 이미지 표시 옵션:
|
|
- Contain (원본 비율 유지)
|
|
- Cover (영역 채우기)
|
|
- Fill (늘려서 채우기)
|
|
- 테두리 설정
|
|
|
|
### 4.4 Divider 컴포넌트
|
|
|
|
- 구분선 표시
|
|
- 방향: 수평/수직
|
|
- 선 스타일: 실선/점선/이중선
|
|
- 선 두께 설정
|
|
- 선 색상 설정
|
|
|
|
### 4.5 Signature (서명란) 컴포넌트
|
|
|
|
- 서명 이미지 업로드
|
|
- 직접 서명 그리기 (마우스 드로잉)
|
|
- 탭 방식 전환 (직접 서명/이미지 업로드)
|
|
- 서명란 밑줄 표시 옵션
|
|
- 레이블 표시 (서명:)
|
|
- 레이블 위치 (좌/우/상/하)
|
|
- 기본 테두리 없음
|
|
|
|
### 4.6 Stamp (도장란) 컴포넌트
|
|
|
|
- 도장 이미지 업로드
|
|
- 이름 입력 (좌측 표시)
|
|
- "(인)" 레이블 표시/숨김
|
|
- 레이블이 도장 이미지와 겹침
|
|
- 기본 테두리 없음
|
|
|
|
### 4.7 Table 컴포넌트
|
|
|
|
- 쿼리 결과를 테이블로 표시
|
|
- 자동 컬럼 생성 (쿼리 필드 기반)
|
|
- 컬럼 설정:
|
|
- 필드명
|
|
- 헤더명
|
|
- 너비
|
|
- 정렬 (좌/가운데/우)
|
|
- 테이블 스타일:
|
|
- 헤더 배경색
|
|
- 헤더 텍스트 색상
|
|
- 테두리 표시/숨김
|
|
- 행 높이
|
|
- 캔버스에서 전체 데이터 표시 (최대 20행 + "외 N건")
|
|
|
|
### 4.8 컴포넌트 공통 기능
|
|
|
|
- 위치 (X, Y)
|
|
- 크기 (너비, 높이)
|
|
- 배경색
|
|
- 테두리 (두께, 색상)
|
|
- Z-index (레이어 순서)
|
|
- 잠금 상태
|
|
|
|
---
|
|
|
|
## 5. 레이아웃 도구
|
|
|
|
### 5.1 그리드 스냅
|
|
|
|
- 10px 단위 그리드 스냅
|
|
- 컴포넌트 배치/크기 조절 시 자동 적용
|
|
|
|
### 5.2 정렬 가이드라인
|
|
|
|
- 드래그 중 다른 컴포넌트와 정렬 시 빨간색 라인 표시
|
|
- 정렬 기준:
|
|
- 좌측/우측/상단/하단 가장자리
|
|
- 수평/수직 중앙
|
|
- 캔버스 중심선 가이드
|
|
|
|
### 5.3 눈금자
|
|
|
|
- 캔버스 상단/좌측에 눈금자 표시
|
|
- mm 단위 표시
|
|
|
|
### 5.4 레이어 관리
|
|
|
|
- 컴포넌트 레이어 순서 조정
|
|
- 맨 앞으로 가져오기
|
|
- 맨 뒤로 보내기
|
|
- 앞으로 가져오기
|
|
- 뒤로 보내기
|
|
|
|
### 5.5 컴포넌트 잠금
|
|
|
|
- 선택한 컴포넌트 잠금
|
|
- 잠금 시 이동/크기 조절/삭제 불가
|
|
- 잠금 해제
|
|
|
|
---
|
|
|
|
## 6. 템플릿 시스템
|
|
|
|
### 6.1 시스템 템플릿
|
|
|
|
- 기본 제공 템플릿:
|
|
- 구매 요청서
|
|
- 발주서
|
|
- 기본 템플릿
|
|
- 템플릿 적용 시 레이아웃 및 쿼리 자동 로드
|
|
|
|
### 6.2 사용자 정의 템플릿
|
|
|
|
- 현재 레이아웃을 템플릿으로 저장
|
|
- 템플릿 이름, 설명, 카테고리 설정
|
|
- 저장 시 리포트 저장 불필요
|
|
- 저장된 템플릿은 기본 템플릿 목록에 추가
|
|
|
|
---
|
|
|
|
## 7. 페이지 관리
|
|
|
|
### 7.1 페이지 목록 (좌측 패널)
|
|
|
|
- 페이지 목록 표시
|
|
- 페이지 이름 표시
|
|
- 페이지 크기 및 컴포넌트 개수 표시
|
|
- 현재 선택된 페이지 하이라이트
|
|
|
|
### 7.2 페이지 조작
|
|
|
|
- 페이지 추가 (무제한)
|
|
- 페이지 삭제 (최소 1개 유지)
|
|
- 페이지 복제
|
|
- 페이지 이름 변경 (인라인 편집)
|
|
- 드래그로 페이지 순서 변경 (GripVertical 핸들)
|
|
|
|
### 7.3 페이지 설정 (우측 패널)
|
|
|
|
- 페이지 정보:
|
|
- 페이지 이름
|
|
- 페이지 크기:
|
|
- 너비/높이 (mm)
|
|
- 방향 (세로/가로)
|
|
- A4 프리셋 (세로/가로)
|
|
- 페이지 여백:
|
|
- 상단/하단/좌측/우측 (mm)
|
|
- 여백 프리셋 (좁게/보통/넓게)
|
|
|
|
### 7.4 페이지별 컴포넌트 관리
|
|
|
|
- 각 페이지마다 독립적인 컴포넌트 목록
|
|
- 페이지 전환 시 해당 페이지의 컴포넌트만 표시
|
|
- 컴포넌트는 여백 밖으로 이동 불가
|
|
|
|
### 7.5 데이터 구조
|
|
|
|
- JSONB 기반 페이지 저장
|
|
- 기존 단일 페이지 레이아웃 자동 마이그레이션
|
|
- 하위 호환성 유지
|
|
|
|
---
|
|
|
|
## 8. 미리보기 및 출력
|
|
|
|
### 8.1 미리보기 모달
|
|
|
|
- 모든 페이지 순서대로 렌더링
|
|
- 페이지 번호 및 이름 표시
|
|
- 실제 출력과 동일한 모습
|
|
- 편집 UI 요소 제거 (섹션 라벨, 테두리 등)
|
|
- 쿼리 실행 결과 반영
|
|
|
|
### 8.2 인쇄 기능
|
|
|
|
- 브라우저 네이티브 인쇄 대화상자
|
|
- 모든 페이지 인쇄
|
|
- 페이지 나누기 자동 처리
|
|
- 이미지 로드 대기 후 인쇄
|
|
|
|
### 8.3 PDF 출력
|
|
|
|
- 브라우저 인쇄 기능 이용
|
|
- "PDF로 저장" 안내 토스트
|
|
|
|
### 8.4 WORD 출력
|
|
|
|
- `docx` 라이브러리 사용
|
|
- 순차적 흐름 방식 (절대 위치 미지원)
|
|
- 텍스트 및 테이블 출력
|
|
- 텍스트 편집 가능
|
|
|
|
### 8.5 출력 옵션
|
|
|
|
- 테이블 헤더:
|
|
- 첫 페이지에만 표시
|
|
- 다음 페이지부터 헤더 없이 데이터만 표시
|
|
|
|
---
|
|
|
|
## 9. 기술 스택
|
|
|
|
### 9.1 Frontend
|
|
|
|
- **Framework**: Next.js 14
|
|
- **Language**: TypeScript
|
|
- **UI Library**: Shadcn UI
|
|
- **State Management**: React Context API
|
|
- **Drag & Drop**: react-dnd
|
|
- **File Upload**: Multer (Backend)
|
|
- **Document Export**: docx
|
|
|
|
### 9.2 Backend
|
|
|
|
- **Runtime**: Node.js
|
|
- **Language**: TypeScript
|
|
- **Database**: PostgreSQL
|
|
- **External DB**: DatabaseConnectorFactory
|
|
- PostgreSQL
|
|
- MariaDB
|
|
- MSSQL
|
|
- Oracle
|
|
|
|
### 9.3 주요 라이브러리
|
|
|
|
- `lucide-react`: 아이콘
|
|
- `uuid`: 고유 ID 생성
|
|
- `pg`: PostgreSQL 연결
|
|
- `docx`: WORD 문서 생성
|
|
|
|
---
|
|
|
|
## 10. 주요 파일 구조
|
|
|
|
### 10.1 Frontend
|
|
|
|
```
|
|
frontend/
|
|
├── app/(main)/admin/report/
|
|
│ ├── page.tsx # 리포트 목록
|
|
│ └── designer/[reportId]/
|
|
│ └── page.tsx # 리포트 디자이너
|
|
├── components/report/
|
|
│ ├── designer/
|
|
│ │ ├── ReportDesignerCanvas.tsx # 캔버스
|
|
│ │ ├── ReportDesignerLeftPanel.tsx # 좌측 패널
|
|
│ │ ├── ReportDesignerRightPanel.tsx # 우측 패널
|
|
│ │ ├── ReportDesignerToolbar.tsx # 툴바
|
|
│ │ ├── PageListPanel.tsx # 페이지 목록
|
|
│ │ ├── QueryManager.tsx # 쿼리 관리
|
|
│ │ ├── CanvasComponent.tsx # 캔버스 컴포넌트
|
|
│ │ ├── ComponentPropertiesPanel.tsx # 속성 패널
|
|
│ │ ├── ReportPreviewModal.tsx # 미리보기
|
|
│ │ └── Ruler.tsx # 눈금자
|
|
│ └── ReportList.tsx # 리포트 목록
|
|
├── contexts/
|
|
│ └── ReportDesignerContext.tsx # 디자이너 Context
|
|
├── types/
|
|
│ └── report.ts # 타입 정의
|
|
└── lib/api/
|
|
└── reportApi.ts # API 클라이언트
|
|
```
|
|
|
|
### 10.2 Backend
|
|
|
|
```
|
|
backend-node/
|
|
├── src/
|
|
│ ├── controllers/
|
|
│ │ └── reportController.ts # 리포트 컨트롤러
|
|
│ ├── services/
|
|
│ │ └── reportService.ts # 리포트 서비스
|
|
│ ├── routes/
|
|
│ │ └── reportRoutes.ts # 리포트 라우트
|
|
│ └── database/
|
|
│ └── connectors/ # 외부 DB 커넥터
|
|
└── uploads/ # 업로드 파일
|
|
```
|
|
|
|
---
|
|
|
|
## 11. 데이터베이스 스키마
|
|
|
|
### 11.1 주요 테이블
|
|
|
|
- `REPORT`: 리포트 기본 정보
|
|
- `REPORT_LAYOUT`: 레이아웃 설정 (JSONB)
|
|
- `REPORT_QUERY`: 쿼리 정보
|
|
- `REPORT_TEMPLATE`: 템플릿 정보
|
|
- `EXTERNAL_DB_CONNECTION`: 외부 DB 연결 정보
|
|
|
|
### 11.2 JSONB 구조
|
|
|
|
```json
|
|
{
|
|
"pages": [
|
|
{
|
|
"page_id": "uuid",
|
|
"page_name": "페이지 1",
|
|
"page_order": 0,
|
|
"width": 210,
|
|
"height": 297,
|
|
"orientation": "portrait",
|
|
"margins": {
|
|
"top": 10,
|
|
"bottom": 10,
|
|
"left": 10,
|
|
"right": 10
|
|
},
|
|
"background_color": "#ffffff",
|
|
"components": [
|
|
{
|
|
"id": "uuid",
|
|
"type": "text",
|
|
"x": 50,
|
|
"y": 50,
|
|
"width": 200,
|
|
"height": 30,
|
|
"defaultValue": "텍스트",
|
|
"queryId": "query_uuid",
|
|
"fieldName": "field_name",
|
|
"fontSize": 13,
|
|
"fontColor": "#000000",
|
|
"fontWeight": "normal",
|
|
"textAlign": "left",
|
|
"backgroundColor": "transparent",
|
|
"borderWidth": 0,
|
|
"borderColor": "#000000"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
```
|
|
|
|
---
|
|
|
|
## 12. 보안 및 검증
|
|
|
|
### 12.1 SQL 인젝션 방지
|
|
|
|
- 파라미터 바인딩 사용
|
|
- 위험한 SQL 명령어 차단
|
|
- SELECT/WITH 쿼리만 허용
|
|
- 단일 쿼리 실행만 가능
|
|
|
|
### 12.2 파일 업로드 보안
|
|
|
|
- 허용된 파일 확장자만 업로드
|
|
- 파일 크기 제한
|
|
- 안전한 파일명 생성
|
|
|
|
### 12.3 권한 관리
|
|
|
|
- 사용자별 리포트 접근 권한
|
|
- 세션 기반 인증
|
|
|
|
---
|
|
|
|
## 13. 개선 예정 기능
|
|
|
|
### 13.1 테이블 페이지 분할
|
|
|
|
- 테이블이 페이지를 넘어갈 때 자동으로 다음 페이지로 분할
|
|
- 현재는 단일 페이지에만 표시
|
|
|
|
### 13.2 기업 사용자를 위한 필수 기능 ⭐
|
|
|
|
> **현재는 기본 기능만 구현되어 있어, 기업 환경에서 사용하기 위해서는 아래 기능들이 추가로 필요합니다.**
|
|
|
|
#### A. 보안 및 접근 제어 🔒
|
|
|
|
##### 리포트 권한 관리
|
|
|
|
- **조회 권한**: 부서별/팀별/역할별 조회 권한 설정
|
|
- **수정 권한**: 작성자/관리자/공동 편집자 권한
|
|
- **출력 권한**: 출력 권한 별도 관리, 워터마크 삽입
|
|
- **삭제 권한**: 승인 프로세스, 논리적 삭제
|
|
|
|
##### 데이터 보안
|
|
|
|
- **민감 정보 마스킹**: 주민번호, 계좌번호 등 자동 마스킹
|
|
- **데이터 필터링**: 사용자 권한에 따른 데이터 자동 필터링
|
|
- **쿼리 실행 제한**: 실행 시간, 결과 행 수, 복잡도 제한
|
|
|
|
##### 감사 로그 (Audit Trail)
|
|
|
|
- **접근 로그**: 누가, 언제, 어떤 리포트를 조회했는지 기록
|
|
- **수정 로그**: 수정 이력, 버전 관리, 롤백
|
|
- **출력 로그**: 출력 이력, 다운로드 추적
|
|
|
|
#### B. 문서 관리 📄
|
|
|
|
##### 문서 번호 체계
|
|
|
|
- **자동 채번**: 부서별/카테고리별/연도별 고유 번호 자동 부여
|
|
- 예: `SALES-2025-001`, `HR-2025-0001`
|
|
- **문서 번호 포맷**: 커스터마이징 가능한 번호 형식
|
|
- **문서 번호 컴포넌트**: 리포트에 문서 번호 자동 삽입, 바코드/QR코드 표시
|
|
|
|
##### 문서 상태 관리
|
|
|
|
- **작성 중** → **검토 중** → **승인 대기** → **승인 완료** / **반려** → **폐기**
|
|
- 각 상태별 권한 및 동작 제어
|
|
- 상태 변경 이력 추적
|
|
|
|
##### 문서 생명주기
|
|
|
|
- **보존 기간 설정**: 1년/3년/5년/영구 보존
|
|
- **보존 기간 만료 알림**: 자동 알림 및 보관 이관
|
|
- **보관 문서 관리**: 별도 보관 문서함, 조회 권한 제한
|
|
|
|
#### C. 승인 워크플로우 ✅
|
|
|
|
##### 승인 프로세스
|
|
|
|
- **승인선 설정**: 부서별/직급별 자동 승인선 구성
|
|
- **단계별 승인**: 1차(팀장) → 2차(부서장) → 최종(임원)
|
|
- **병렬 승인**: 다수 승인자 동시 승인
|
|
- **승인 알림**: 이메일/시스템/모바일 푸시 알림
|
|
|
|
##### 승인 후 처리
|
|
|
|
- **리포트 잠금**: 승인 완료 후 수정 불가
|
|
- **배포 관리**: 자동 배포, 배포 대상자 지정
|
|
- **승인 이력**: 승인자, 승인 시점, 승인 의견 기록
|
|
|
|
#### D. 협업 기능 👥
|
|
|
|
##### 공유 및 협업
|
|
|
|
- **리포트 공유**: 링크 공유, 특정 사용자 공유, 공유 기간 설정
|
|
- **공동 편집**: 실시간 편집, Lock 기능, 충돌 방지
|
|
- **댓글 및 리뷰**: 컴포넌트별 댓글, 검토 의견
|
|
|
|
##### 템플릿 공유
|
|
|
|
- **템플릿 라이브러리**: 공용 템플릿, 부서별 템플릿
|
|
- **템플릿 승인**: 공용 템플릿 등록 시 승인 필요
|
|
- **템플릿 평점**: 사용자 평가 및 리뷰
|
|
|
|
#### E. 조직 관리 🏢
|
|
|
|
##### 부서/팀 관리
|
|
|
|
- **부서별 리포트**: 부서별 리포트 목록 관리
|
|
- **권한 상속**: 상위 부서 권한 자동 상속
|
|
- **부서 이동 처리**: 부서 이동 시 리포트 이관
|
|
|
|
##### 역할 관리
|
|
|
|
- **역할 정의**: 작성자/검토자/승인자/관리자
|
|
- **역할별 권한**: 조회/생성/수정/삭제 권한 세분화
|
|
|
|
#### F. 규정 준수 (Compliance) ⚖️
|
|
|
|
##### 전자문서법 준수
|
|
|
|
- **전자서명**: 리포트에 전자서명 첨부, 서명 검증
|
|
- **타임스탬프**: 생성/수정/승인 시점 타임스탬프, 위변조 방지
|
|
|
|
##### 개인정보보호법 준수
|
|
|
|
- **개인정보 표시**: 개인정보 포함 여부 표시, 처리 동의 기록
|
|
- **개인정보 파기**: 보존 기간 만료 후 자동 파기, 복구 불가
|
|
|
|
#### G. 통합 및 연동 🔗
|
|
|
|
##### ERP 시스템 연동
|
|
|
|
- **마스터 데이터 연동**: 거래처, 품목, 고객 정보 실시간 동기화
|
|
- **워크플로우 연동**: 구매/영업 프로세스와 연계
|
|
|
|
##### 외부 시스템 연동
|
|
|
|
- **이메일 연동**: 리포트 자동 발송, 승인 알림
|
|
- **클라우드 스토리지**: Google Drive, OneDrive 연동
|
|
- **전자결재 시스템**: SSO 연동, 통합 승인선
|
|
|
|
#### H. 사용자 편의 기능 💡
|
|
|
|
##### 즐겨찾기 및 최근 문서
|
|
|
|
- **즐겨찾기**: 자주 사용하는 리포트 북마크
|
|
- **최근 문서**: 최근 조회/수정 리포트 목록
|
|
|
|
##### 검색 및 필터링
|
|
|
|
- **고급 검색**: 전체 텍스트 검색, 필드별 검색
|
|
- **스마트 필터**: 나의 리포트, 공유된 리포트, 승인 대기
|
|
|
|
##### 대시보드
|
|
|
|
- **리포트 통계**: 생성 수, 조회수, 출력 횟수
|
|
- **사용자 통계**: 부서별/사용자별 활동 내역
|
|
|
|
#### I. 성능 및 최적화 ⚡
|
|
|
|
##### 대용량 데이터 처리
|
|
|
|
- **스트리밍 출력**: 대용량 데이터 효율적 처리
|
|
- **캐싱**: 쿼리 결과/템플릿 캐싱 (Redis)
|
|
|
|
##### 동시 접속 처리
|
|
|
|
- **부하 분산**: 로드 밸런싱, 세션 클러스터링
|
|
- **큐잉 시스템**: 대량 출력 요청 백그라운드 처리
|
|
|
|
#### J. 모바일 지원 📱
|
|
|
|
##### 모바일 웹
|
|
|
|
- **반응형 디자인**: 모바일 화면 최적화
|
|
- **모바일 기능**: 조회, 승인, 간단한 수정
|
|
|
|
##### 모바일 앱
|
|
|
|
- **네이티브 앱**: iOS/Android, 오프라인 모드
|
|
- **푸시 알림**: 승인 요청, 문서 공유 알림
|
|
|
|
#### K. AI/ML 기반 고급 기능 🤖
|
|
|
|
##### 지능형 리포트 작성 지원
|
|
|
|
- **AI 기반 템플릿 추천**: 사용자의 과거 리포트 패턴 분석하여 최적 템플릿 자동 추천
|
|
- **스마트 레이아웃 제안**: 데이터 유형에 따라 최적의 컴포넌트 배치 자동 제안
|
|
- **자동 데이터 매핑**: 쿼리 필드와 컴포넌트 자동 연결 제안
|
|
|
|
##### 자연어 처리 (NLP)
|
|
|
|
- **음성 명령**: "작년 매출 리포트 작성해줘" 같은 음성 명령으로 리포트 생성
|
|
- **자동 요약 생성**: 긴 리포트 내용을 AI가 자동으로 요약
|
|
- **다국어 자동 번역**: 리포트 내용을 여러 언어로 실시간 번역
|
|
|
|
##### 이상 탐지 및 예측 분석
|
|
|
|
- **데이터 이상 감지**: 리포트 데이터에서 비정상 패턴 자동 감지 및 경고
|
|
- **트렌드 예측**: 과거 데이터 기반 미래 추세 예측 및 시각화
|
|
- **자동 인사이트 생성**: 데이터에서 의미있는 패턴 발견 및 설명 제공
|
|
|
|
#### L. 데이터 거버넌스 🏛️
|
|
|
|
##### 데이터 품질 관리
|
|
|
|
- **데이터 검증 규칙**: 입력 데이터 유효성 자동 검증
|
|
- **데이터 표준화**: 일관된 데이터 형식 강제 적용
|
|
- **중복 데이터 감지**: 중복 리포트 및 데이터 자동 감지
|
|
|
|
##### 데이터 계보 (Data Lineage)
|
|
|
|
- **데이터 흐름 추적**: 리포트 데이터의 출처부터 최종 사용까지 전체 흐름 시각화
|
|
- **영향도 분석**: 데이터 변경 시 영향받는 리포트 자동 파악
|
|
- **의존성 관리**: 리포트 간 의존 관계 매핑
|
|
|
|
##### 데이터 카탈로그
|
|
|
|
- **메타데이터 관리**: 모든 리포트 및 데이터셋의 메타데이터 중앙 관리
|
|
- **데이터 검색**: 키워드로 관련 리포트 및 데이터 빠르게 검색
|
|
- **데이터 사전**: 필드명, 설명, 데이터 타입 등 표준 용어 정의
|
|
|
|
#### M. 고급 분석 및 BI 통합 📊
|
|
|
|
##### 내장 분석 도구
|
|
|
|
- **OLAP 큐브**: 다차원 데이터 분석 지원
|
|
- **피벗 테이블**: 동적 데이터 집계 및 분석
|
|
- **드릴다운/드릴업**: 계층적 데이터 탐색
|
|
|
|
##### BI 도구 연동
|
|
|
|
- **Power BI 커넥터**: Power BI와 원활한 데이터 연동
|
|
- **Tableau 통합**: Tableau 대시보드 임베딩
|
|
- **Google Data Studio 연결**: 클라우드 기반 시각화
|
|
|
|
##### 고급 시각화
|
|
|
|
- **인터랙티브 차트**: 사용자 상호작용 가능한 동적 차트
|
|
- **지도 시각화**: 지역별 데이터 지도 표시 (Heatmap, Choropleth)
|
|
- **네트워크 다이어그램**: 관계형 데이터 네트워크 시각화
|
|
|
|
#### N. 자동화 및 스케줄링 ⏰
|
|
|
|
##### 리포트 자동 생성
|
|
|
|
- **스케줄 실행**: 일별/주별/월별 자동 리포트 생성
|
|
- **트리거 기반 실행**: 특정 이벤트 발생 시 자동 생성
|
|
- **배치 처리**: 대량 리포트 일괄 생성
|
|
|
|
##### 자동 배포
|
|
|
|
- **이메일 자동 발송**: 생성된 리포트 자동 이메일 발송
|
|
- **FTP/SFTP 업로드**: 외부 서버로 자동 업로드
|
|
- **클라우드 스토리지 동기화**: 자동 백업 및 동기화
|
|
|
|
##### 워크플로우 자동화
|
|
|
|
- **조건부 워크플로우**: IF-THEN 조건에 따른 자동 실행
|
|
- **연쇄 작업**: 여러 리포트를 순차적으로 자동 생성
|
|
- **실패 처리**: 실행 실패 시 자동 재시도 및 알림
|
|
|
|
#### O. 버전 관리 및 변경 추적 📝
|
|
|
|
##### 고급 버전 관리
|
|
|
|
- **Git 방식 버전 관리**: Branch, Merge, Commit 개념 도입
|
|
- **변경 사항 비교 (Diff)**: 버전 간 변경 내용 시각적 비교
|
|
- **체크포인트 및 태그**: 주요 버전에 태그 부여
|
|
|
|
##### 변경 승인 프로세스
|
|
|
|
- **Pull Request 방식**: 변경 제안 및 리뷰 프로세스
|
|
- **코드 리뷰**: 쿼리 및 레이아웃 변경 사항 동료 검토
|
|
- **머지 승인**: 최종 승인 후 메인 버전에 반영
|
|
|
|
#### P. 테스트 및 품질 관리 🧪
|
|
|
|
##### 자동화 테스트
|
|
|
|
- **쿼리 유효성 테스트**: 쿼리 실행 전 자동 검증
|
|
- **레이아웃 테스트**: 다양한 데이터셋으로 레이아웃 검증
|
|
- **출력 품질 테스트**: PDF/WORD 출력 품질 자동 검증
|
|
|
|
##### A/B 테스트
|
|
|
|
- **템플릿 A/B 테스트**: 여러 버전의 리포트 동시 배포 및 성과 비교
|
|
- **사용자 피드백 수집**: 사용자 선호도 분석
|
|
|
|
##### 품질 메트릭
|
|
|
|
- **리포트 품질 점수**: 가독성, 데이터 정확도 등 자동 평가
|
|
- **성능 모니터링**: 쿼리 실행 시간, 렌더링 속도 추적
|
|
- **에러율 추적**: 실행 실패율 및 원인 분석
|
|
|
|
#### Q. 커스터마이징 및 확장성 🔧
|
|
|
|
##### 플러그인 시스템
|
|
|
|
- **커스텀 컴포넌트**: 사용자 정의 컴포넌트 개발 및 등록
|
|
- **확장 마켓플레이스**: 커뮤니티 개발 컴포넌트/템플릿 공유
|
|
- **API 확장**: Custom Hook 및 이벤트 리스너 제공
|
|
|
|
##### 스크립트 지원
|
|
|
|
- **JavaScript 스크립트**: 고급 데이터 처리 로직 작성
|
|
- **Python 통합**: 데이터 과학 라이브러리 활용
|
|
- **SQL 함수 확장**: 사용자 정의 SQL 함수 등록
|
|
|
|
##### 테마 및 브랜딩
|
|
|
|
- **커스텀 테마**: 기업 CI/BI에 맞는 색상/폰트 적용
|
|
- **로고 및 워터마크**: 자동 브랜딩 요소 삽입
|
|
- **다국어 커스터마이징**: 기업별 용어 정의
|
|
|
|
#### R. 비용 관리 및 최적화 💰
|
|
|
|
##### 리소스 사용량 추적
|
|
|
|
- **쿼리 비용 추적**: 각 쿼리의 DB 비용 계산
|
|
- **저장소 사용량**: 리포트 저장 공간 모니터링
|
|
- **API 호출 추적**: 외부 API 사용량 및 비용
|
|
|
|
##### 비용 최적화 제안
|
|
|
|
- **비효율적 쿼리 감지**: 성능이 낮은 쿼리 자동 식별
|
|
- **캐싱 전략 제안**: 반복 쿼리에 대한 캐싱 권장
|
|
- **아카이빙 제안**: 오래된 리포트 아카이빙 권장
|
|
|
|
#### S. 고급 보안 기능 🔐
|
|
|
|
##### 위협 탐지
|
|
|
|
- **비정상 접근 패턴 감지**: AI 기반 이상 행동 탐지
|
|
- **SQL 인젝션 방어**: 고급 SQL 인젝션 패턴 탐지
|
|
- **브루트포스 공격 방어**: 로그인 시도 제한 및 차단
|
|
|
|
##### 암호화 및 키 관리
|
|
|
|
- **필드 레벨 암호화**: 민감 필드 개별 암호화
|
|
- **키 로테이션**: 암호화 키 자동 교체
|
|
- **Hardware Security Module (HSM) 연동**: 하드웨어 기반 보안
|
|
|
|
##### 보안 인증
|
|
|
|
- **SOC 2 준수**: 보안 감사 표준 준수
|
|
- **ISO 27001 인증**: 정보 보안 관리 체계
|
|
- **GDPR 준수**: 유럽 개인정보보호 규정 준수
|
|
|
|
#### T. 사용자 교육 및 온보딩 📚
|
|
|
|
##### 인터랙티브 튜토리얼
|
|
|
|
- **가이드 투어**: 신규 사용자 대상 단계별 안내
|
|
- **인터랙티브 도움말**: 각 기능에 대한 실시간 도움말
|
|
- **비디오 튜토리얼**: 주요 기능 사용법 영상
|
|
|
|
##### 학습 관리
|
|
|
|
- **학습 경로 제공**: 초급/중급/고급 학습 코스
|
|
- **인증 프로그램**: 사용자 숙련도 인증
|
|
- **커뮤니티 포럼**: 사용자 간 지식 공유
|
|
|
|
##### 컨텍스트 도움말
|
|
|
|
- **AI 어시스턴트**: 자연어로 질문하고 답변 받기
|
|
- **실시간 제안**: 작업 중 관련 팁 자동 제공
|
|
- **오류 해결 가이드**: 오류 발생 시 해결 방법 제시
|
|
|
|
#### U. 통합 협업 플랫폼 🤝
|
|
|
|
##### 프로젝트 관리 통합
|
|
|
|
- **Jira 연동**: 이슈와 리포트 연결
|
|
- **Asana 통합**: 작업 관리와 리포트 동기화
|
|
- **Monday.com 커넥터**: 워크플로우 통합
|
|
|
|
##### 커뮤니케이션 도구
|
|
|
|
- **Slack 봇**: 리포트 알림 및 명령 실행
|
|
- **MS Teams 통합**: 팀즈 내에서 리포트 조회
|
|
- **Zoom 통합**: 화상회의 중 리포트 공유
|
|
|
|
##### 문서 관리 시스템
|
|
|
|
- **SharePoint 연동**: 리포트 자동 업로드
|
|
- **Confluence 통합**: 위키 페이지에 리포트 임베딩
|
|
- **Notion 커넥터**: Notion 데이터베이스 동기화
|
|
|
|
### 13.3 추가 컴포넌트
|
|
|
|
- **Barcode**: 1D/2D 바코드 자동 생성
|
|
- **QR Code**: URL/텍스트 QR코드 생성
|
|
- **Chart**: 막대/선/파이/도넛/레이더/산점도 차트
|
|
- **Gauge**: 게이지/미터기 시각화
|
|
- **Watermark**: 반투명 워터마크 자동 삽입
|
|
- **전자서명 필드**: 전자서명 영역 지정
|
|
- **문서 번호 필드**: 자동 채번 번호 표시
|
|
- **승인란**: 승인자 서명 및 날인 영역
|
|
- **변경 이력**: 문서 변경 히스토리 자동 표시
|
|
- **목차**: 다중 페이지 리포트 목차 자동 생성
|
|
- **색인**: 키워드 색인 자동 생성
|
|
- **각주/미주**: 참고 자료 삽입
|
|
- **하이퍼링크**: 외부 링크 또는 페이지 내 링크
|
|
- **북마크**: 특정 위치 마크 및 링크
|
|
- **조건부 컴포넌트**: 데이터 조건에 따라 표시/숨김
|
|
|
|
### 13.4 고급 기능
|
|
|
|
#### 데이터 처리
|
|
|
|
- **조건부 표시** (IF-THEN-ELSE): 데이터 값에 따른 조건부 렌더링
|
|
- **반복 섹션** (DETAIL 쿼리 기반): 동적 행 반복
|
|
- **계산 필드**: 런타임 계산 (price \* quantity)
|
|
- **집계 함수**: SUM, AVG, COUNT, MIN, MAX, STDEV
|
|
- **수식 필드**: 복잡한 수식 지원 (Excel 유사)
|
|
- **룩업 함수**: 다른 데이터셋 참조
|
|
- **문자열 함수**: CONCAT, SUBSTRING, REPLACE, FORMAT
|
|
- **날짜 함수**: DATE_ADD, DATE_DIFF, DATE_FORMAT
|
|
|
|
#### 레이아웃 고급 기능
|
|
|
|
- **마스터 페이지**: 공통 헤더/푸터 템플릿
|
|
- **섹션 구분**: Header/Body/Footer 섹션 분리
|
|
- **컬럼 레이아웃**: 2단/3단 컬럼 지원
|
|
- **플로팅 컴포넌트**: 고정 위치 컴포넌트 (페이지 상관없이)
|
|
- **동적 높이**: 내용에 따라 자동 높이 조절
|
|
- **페이지 번호/총 페이지 수**: 자동 계산
|
|
- **현재 날짜/시간**: 출력 시점 시간 자동 삽입
|
|
- **헤더/푸터 변수**: 챕터명, 섹션명 자동 표시
|
|
|
|
#### 출력 고급 기능
|
|
|
|
- **조건부 페이지 나누기**: 특정 조건에서만 페이지 분리
|
|
- **그룹 단위 페이지 유지**: 그룹이 페이지 경계에서 분리 방지
|
|
- **반복 헤더/푸터**: 페이지마다 헤더/푸터 반복
|
|
- **챕터 구분**: 챕터별 페이지 번호 재시작
|
|
- **대체 페이지 레이아웃**: 홀수/짝수 페이지 다른 레이아웃
|
|
- **출력 형식별 최적화**: PDF/WORD/EXCEL 각각 최적화
|
|
- **북마크 및 목차 자동 생성**: PDF 북마크 트리
|
|
|
|
---
|
|
|
|
## 14. 개발 가이드
|
|
|
|
### 14.1 로컬 개발 환경
|
|
|
|
```bash
|
|
# Frontend
|
|
cd frontend
|
|
npm install
|
|
npm run dev
|
|
|
|
# Backend
|
|
cd backend-node
|
|
npm install
|
|
npm run dev
|
|
```
|
|
|
|
### 14.2 환경 변수
|
|
|
|
```env
|
|
# Backend
|
|
DATABASE_URL=postgresql://...
|
|
PORT=3001
|
|
|
|
# Frontend
|
|
NEXT_PUBLIC_API_URL=http://localhost:3001
|
|
```
|
|
|
|
### 14.3 빌드 및 배포
|
|
|
|
```bash
|
|
# Frontend
|
|
npm run build
|
|
npm run start
|
|
|
|
# Backend
|
|
npm run build
|
|
npm run start
|
|
```
|
|
|
|
---
|
|
|
|
## 15. 구현 우선순위 및 로드맵
|
|
|
|
### Phase 1: 현재 완료 ✅
|
|
|
|
- 기본 리포트 디자이너
|
|
- 컴포넌트 시스템
|
|
- 쿼리 관리
|
|
- 페이지 관리
|
|
- 미리보기 및 출력
|
|
|
|
### Phase 2: 기업 필수 기능 (우선순위 높음)
|
|
|
|
1. **문서 번호 자동 채번 시스템**
|
|
2. **문서 상태 관리** (작성중 → 검토 → 승인 → 완료)
|
|
3. **기본 권한 관리** (조회/수정/삭제 권한)
|
|
4. **감사 로그** (접근/수정/출력 이력)
|
|
5. **승인 워크플로우** (단계별 승인)
|
|
|
|
### Phase 3: 협업 및 보안 (우선순위 중간)
|
|
|
|
1. **리포트 공유 기능**
|
|
2. **댓글 및 리뷰 시스템**
|
|
3. **민감 정보 마스킹**
|
|
4. **전자서명 지원**
|
|
5. **문서 보존 기간 관리**
|
|
|
|
### Phase 4: 고급 기능 (우선순위 낮음)
|
|
|
|
1. **모바일 지원**
|
|
2. **대시보드 및 통계**
|
|
3. **외부 시스템 연동** (이메일, 클라우드)
|
|
4. **고급 컴포넌트** (차트, 바코드, QR코드)
|
|
5. **성능 최적화** (캐싱, 큐잉)
|
|
|
|
---
|
|
|
|
## 16. 마무리
|
|
|
|
### 현재 상태 📊
|
|
|
|
현재 구현된 리포트 관리 시스템은 **기본적인 리포트 디자인, 쿼리 연동, 페이지 관리, 출력 기능**을 모두 갖추고 있습니다.
|
|
|
|
사용자는 직관적인 **드래그 앤 드롭 인터페이스**로 리포트를 디자인하고, **데이터베이스 쿼리**를 연결하여 동적 리포트를 생성할 수 있으며, **다양한 형식(PDF, WORD)**으로 출력할 수 있습니다.
|
|
|
|
### 기업 환경 적용을 위한 과제 🎯
|
|
|
|
하지만 **기업 환경에서 실제로 사용**하기 위해서는 다음 기능들이 필수적으로 추가되어야 합니다:
|
|
|
|
1. **문서 번호 관리**: 체계적인 문서 관리를 위한 자동 채번 시스템
|
|
2. **승인 워크플로우**: 문서의 검토 및 승인 프로세스
|
|
3. **권한 관리**: 부서별/역할별 세분화된 접근 권한
|
|
4. **감사 로그**: 규정 준수를 위한 상세한 이력 관리
|
|
5. **보안 강화**: 민감 정보 보호 및 데이터 보안
|
|
|
|
### 향후 계획 🚀
|
|
|
|
**Phase 2**의 기업 필수 기능부터 순차적으로 구현하여, 실제 기업 환경에서 안정적으로 사용할 수 있는 **엔터프라이즈급 리포트 관리 시스템**으로 발전시킬 계획입니다.
|
|
|
|
특히 **문서 번호 자동 채번**, **승인 워크플로우**, **권한 관리**는 가장 먼저 구현되어야 할 핵심 기능으로 판단됩니다.
|