feat: [academy] IT기획 백과사전 추가

- 5개 섹션: 개요, 기획 프로세스, 산출물, 도구, 방법론
- 방화셔터와 동일한 백과사전 UI 패턴 (블루 테마)
- AI 이미지 생성 프롬프트 문서 포함

docs/academy/it-planning-image-prompts.md

@@ -0,0 +1,181 @@
+# IT기획 백과사전 — AI 이미지 생성 프롬프트
+
+> **작성일**: 2026-02-23
+> **용도**: `/academy/it-planning` 페이지에 사용할 AI 생성 이미지 12장
+> **저장 경로**: `mng/public/images/academy/it-planning/`
+> **권장 크기**: 1024x1024 또는 1024x768
+> **권장 도구**: DALL-E 3, Midjourney, Stable Diffusion
+
+---
+
+## 공통 스타일 가이드
+
+- **색상 톤**: 블루 계열 (SAM 브랜드 컬러와 조화)
+- **스타일**: 깔끔한 일러스트레이션 또는 3D 렌더링
+- **배경**: 밝고 미니멀한 오피스/디지털 환경
+- **인물**: 다양한 인종/성별, 비즈니스 캐주얼 복장
+
+---
+
+## 이미지 프롬프트 목록
+
+### 1. 히어로 이미지 (`1.png`)
+
+**용도**: 페이지 상단 히어로 배너
+
+```
+A professional IT planner standing in front of a large whiteboard filled with wireframes,
+flowcharts, and sticky notes. Modern office environment with blue ambient lighting.
+The planner is pointing at a user flow diagram. Clean, corporate illustration style.
+Blue color scheme. 16:9 aspect ratio.
+```
+
+---
+
+### 2. 기획자 역할 다이어그램 (`2.png`)
+
+**용도**: 섹션 1 — IT 기획이란?
+
+```
+An infographic-style illustration showing an IT planner as a central hub connecting
+different teams: business executives (top), developers (left), designers (right),
+and users (bottom). Arrows showing communication flow. Clean flat design with blue
+accent colors. White background.
+```
+
+---
+
+### 3. 전체 프로세스 흐름도 (`3.png`)
+
+**용도**: 섹션 2 — 기획 프로세스 흐름도
+
+```
+A horizontal process flow diagram showing 6 stages of IT planning: Requirements →
+Analysis → Design → Development → Testing → Deployment. Each stage represented as
+a blue gradient circle with icons. Connected by arrows. Clean infographic style.
+Light gray background.
+```
+
+---
+
+### 4. 이해관계자 인터뷰 (`4.png`)
+
+**용도**: 섹션 2 — 요구사항 수집
+
+```
+A meeting scene with an IT planner conducting a stakeholder interview. Round table
+with 3-4 people, laptops open, whiteboard with notes in the background. Professional
+office setting. Warm lighting. Illustration or 3D render style. Blue accents.
+```
+
+---
+
+### 5. 와이어프레임/목업 작업 (`5.png`)
+
+**용도**: 섹션 3 — 화면 설계서
+
+```
+A split-view illustration showing the progression from wireframe to mockup to prototype.
+Left side: simple black and white wireframe boxes. Middle: colored mockup with UI elements.
+Right side: interactive prototype with cursor. Clean design with blue highlights.
+Labeled "Wireframe → Mockup → Prototype".
+```
+
+---
+
+### 6. 정보 구조도 (IA) (`6.png`)
+
+**용도**: 섹션 3 — 정보 구조도
+
+```
+A clean tree diagram showing website information architecture. Root node "Home" branching
+into main categories, each with sub-pages. Nodes are rounded rectangles in blue gradient.
+Connected by clean lines. White background with subtle grid. Flat design style.
+```
+
+---
+
+### 7. 유저 플로우 다이어그램 (`7.png`)
+
+**용도**: 섹션 3 — 플로우차트
+
+```
+A user flow diagram for an e-commerce checkout process. Diamond shapes for decisions,
+rectangles for screens, rounded rectangles for actions. Blue color scheme with green
+for success states and red for error states. Clean flowchart style on white background.
+```
+
+---
+
+### 8. Figma 작업 화면 (`8.png`)
+
+**용도**: 섹션 4 — 기획 도구
+
+```
+A screenshot-style illustration of a Figma workspace showing a mobile app UI design.
+Multiple artboards visible, component library on the left, properties panel on the right.
+Modern UI design in progress. Blue and purple accent colors. Dark UI theme.
+```
+
+---
+
+### 9. 스크럼 보드/스프린트 미팅 (`9.png`)
+
+**용도**: 섹션 5 — 애자일
+
+```
+A team standing in front of a large Kanban/Scrum board with columns: To Do, In Progress,
+Review, Done. Colorful sticky notes on the board. Team of 5 diverse professionals
+discussing during a daily standup meeting. Modern office. Illustration style.
+```
+
+---
+
+### 10. 디자인 씽킹 5단계 (`10.png`)
+
+**용도**: 섹션 5 — 디자인 씽킹
+
+```
+An infographic showing the 5 stages of Design Thinking as a horizontal flow:
+Empathize (purple heart icon) → Define (pink target icon) → Ideate (orange lightbulb) →
+Prototype (green cube) → Test (blue checkmark). Each stage with a small illustration.
+Clean, modern infographic style.
+```
+
+---
+
+### 11. 기획자-개발자-디자이너 협업 (`11.png`)
+
+**용도**: 섹션 5 — 실무 적용 사례
+
+```
+Three professionals collaborating around a large display screen showing a product roadmap.
+One person with a planning document (planner), one with code on laptop (developer),
+one with design tool (designer). Modern co-working space. Blue ambient lighting.
+Teamwork and collaboration theme.
+```
+
+---
+
+### 12. 데이터 분석 대시보드 (`12.png`)
+
+**용도**: 섹션 5 — 데이터 기반 의사결정
+
+```
+A large analytics dashboard on a monitor screen showing various charts: line graph
+(user growth), bar chart (feature usage), funnel chart (conversion), pie chart
+(user segments). Clean, modern dashboard UI. Blue and teal color scheme.
+Dark background with glowing data visualizations.
+```
+
+---
+
+## 생성 후 작업
+
+1. 생성된 이미지를 `1.png` ~ `12.png`로 저장
+2. `mng/public/images/academy/it-planning/` 경로에 배치
+3. 이미지 크기 최적화 (WebP 변환 권장)
+
+---
+
+**최종 업데이트**: 2026-02-23