mirror of
https://github.com/ktds-dg0501/kt-event-marketing.git
synced 2025-12-06 10:06:24 +00:00
c1f116c821
- 14개 시장조사 차트를 개별 .mmd 파일로 분리 - 차트 변환 가이드 2종 추가 (README.md, 차트변환가이드.md) - Mermaid Live Editor 활용 방법 상세 안내 - 프레젠테이션 시나리오별 차트 조합 추천 - 차트 문법 오류 수정 (차트 4번 막대 색상 파란색으로 변경) - 추출 도구 스크립트 추가 (Python, PowerShell, Bash) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
149 lines
4.8 KiB
Markdown
149 lines
4.8 KiB
Markdown
# 🎨 시장조사 차트 이미지 변환 완료 가이드
|
|
|
|
## ✅ 생성된 파일 목록
|
|
|
|
총 **14개의 Mermaid 차트 파일** (.mmd)이 생성되었습니다:
|
|
|
|
```
|
|
define/charts/
|
|
├── chart01_소상공인_업종별_분포.mmd
|
|
├── chart02_1차_타겟_세그먼트_규모_비교.mmd
|
|
├── chart03_디지털_전환_현황.mmd
|
|
├── chart04_소상공인_주요_스트레스_요인.mmd
|
|
├── chart05_카카오톡_채널_마케팅_효과.mmd
|
|
├── chart06_마케팅_자동화_시장_성장_전망.mmd
|
|
├── chart07_경쟁_우위_비교_매트릭스.mmd
|
|
├── chart08_AI_자동화_도입_효과.mmd
|
|
├── chart09_KT_서비스_단계별_성장_전략.mmd
|
|
├── chart10_ROI_분석_연간_매출_전망.mmd
|
|
├── chart11_Pain_Point_해결_맵핑.mmd
|
|
├── chart12_타겟_고객_페르소나_분포.mmd
|
|
├── chart13_KT_차별화_포인트.mmd
|
|
└── chart14_서비스_가치_제안_구조.mmd
|
|
```
|
|
|
|
## 🚀 빠른 변환 방법 (5분 완성)
|
|
|
|
### 방법 1: Mermaid Live Editor (가장 쉬움) ⭐
|
|
|
|
1. **https://mermaid.live/** 접속
|
|
2. 각 `.mmd` 파일을 메모장으로 열기
|
|
3. 내용 전체 복사 (Ctrl+A → Ctrl+C)
|
|
4. Mermaid Live Editor 왼쪽 창에 붙여넣기 (Ctrl+V)
|
|
5. 오른쪽에서 차트 미리보기 확인
|
|
6. 상단 **Actions** → **Export PNG** 클릭
|
|
7. 파일명을 동일하게 `chartXX_이름.png`로 저장
|
|
8. 14개 차트 모두 반복
|
|
|
|
### 방법 2: VS Code Extension
|
|
|
|
VS Code가 있다면:
|
|
|
|
1. **Markdown Preview Mermaid Support** 확장 설치
|
|
2. `.mmd` 파일을 `.md`로 임시 변경
|
|
3. 파일 내용 전후에 ` ```mermaid ` 태그 추가
|
|
4. 미리보기에서 우클릭 → 이미지 저장
|
|
|
|
### 방법 3: 온라인 일괄 변환
|
|
|
|
- **Kroki**: https://kroki.io/
|
|
- 각 .mmd 파일 업로드 → PNG/SVG 다운로드
|
|
|
|
## 📏 추천 이미지 설정
|
|
|
|
### PNG 변환 시
|
|
- **해상도**: 1920x1080 이상
|
|
- **배경**: 투명 (Transparent) 또는 흰색
|
|
- **포맷**: PNG (프레젠테이션용)
|
|
|
|
### SVG 변환 시
|
|
- **용도**: 인쇄물, 확대 필요 시
|
|
- **장점**: 무한 확대 가능, 파일 크기 작음
|
|
|
|
## 🎯 각 차트별 추천 용도
|
|
|
|
| 차트 번호 | 차트 이름 | 활용 시나리오 |
|
|
|---------|---------|------------|
|
|
| 01 | 업종별 분포 | 시장 규모 설명, 타겟 정의 |
|
|
| 02 | 타겟 세그먼트 | 1/2/3차 타겟 전략 발표 |
|
|
| 03 | 디지털 전환 현황 | 시장 기회 강조 |
|
|
| 04 | 스트레스 요인 | Pain Point 설명 |
|
|
| 05 | 카카오톡 효과 | 핵심 채널 정당화 |
|
|
| 06 | 시장 성장 전망 | 시장 타이밍 증명 |
|
|
| 07 | 경쟁 포지셔닝 | 차별화 전략 시각화 |
|
|
| 08 | 도입 효과 | ROI 설득 |
|
|
| 09 | 성장 전략 | 로드맵 공유 |
|
|
| 10 | 매출 전망 | 사업성 검증 |
|
|
| 11 | Pain Point 해결 | 솔루션 적합성 |
|
|
| 12 | 페르소나 분포 | 타겟 고객 집중도 |
|
|
| 13 | KT 차별화 | 경쟁 우위 강조 |
|
|
| 14 | 가치 제안 | 전체 사업 논리 |
|
|
|
|
## 🎨 프레젠테이션 조합 추천
|
|
|
|
### 경영진 보고용 (5개)
|
|
- chart01 (시장 규모)
|
|
- chart06 (시장 성장)
|
|
- chart10 (매출 전망)
|
|
- chart13 (KT 강점)
|
|
- chart14 (가치 제안)
|
|
|
|
### 기획 회의용 (6개)
|
|
- chart02 (타겟 세그먼트)
|
|
- chart04 (Pain Point)
|
|
- chart07 (경쟁 분석)
|
|
- chart09 (로드맵)
|
|
- chart11 (솔루션 매핑)
|
|
- chart13 (차별화)
|
|
|
|
### 고객 제안용 (4개)
|
|
- chart05 (카카오톡 효과)
|
|
- chart08 (도입 효과)
|
|
- chart11 (Pain Point 해결)
|
|
- chart14 (가치 제안)
|
|
|
|
### 투자 유치용 (5개)
|
|
- chart01 (시장 규모)
|
|
- chart06 (시장 성장)
|
|
- chart10 (매출 전망)
|
|
- chart13 (KT 강점)
|
|
- chart14 (사업 가치)
|
|
|
|
## 💡 색상 테마 정보
|
|
|
|
각 차트는 다음 색상 체계를 사용합니다:
|
|
|
|
- **파란색 계열** (#2196F3): 메인, 통신 인프라
|
|
- **초록색 계열** (#4CAF50): 성장, 긍정적 효과
|
|
- **주황색 계열** (#FF9800): 데이터, 중요 정보
|
|
- **보라색 계열** (#9C27B0): AI 기술, 혁신
|
|
- **빨간색 계열** (#F44336): Pain Point, 문제점
|
|
- **노란색 계열** (#FFC107): 정부 지원, 특별 항목
|
|
|
|
## ❓ 문제 해결
|
|
|
|
### 한글이 깨질 때
|
|
- Mermaid Live Editor 사용 (한글 완벽 지원)
|
|
- 파일을 UTF-8로 저장했는지 확인
|
|
|
|
### 차트가 너무 작게 나올 때
|
|
- Mermaid Live Editor에서 확대 후 Export
|
|
- PNG 해상도를 2000x1500 이상으로 설정
|
|
|
|
### 색상을 변경하고 싶을 때
|
|
- `.mmd` 파일 내 `style` 부분의 `fill` 값 수정
|
|
- 예: `fill:#4CAF50` → `fill:#FF5722`
|
|
|
|
## 📚 참고 자료
|
|
|
|
- **Mermaid Live Editor**: https://mermaid.live/
|
|
- **Mermaid 문법 가이드**: https://mermaid.js.org/
|
|
- **색상 코드 참조**: https://www.color-hex.com/
|
|
|
|
---
|
|
|
|
**작업 완료!** 🎉
|
|
|
|
모든 차트 파일이 `define/charts/` 디렉토리에 준비되었습니다.
|
|
Mermaid Live Editor를 사용하면 5분 안에 모든 차트를 PNG로 변환할 수 있습니다!
|