VBH INDEX — 설계 도구 (Design-Tool) 진화 ★ 사용자 명시 신규 축
별칭: VBH 설계 도구 인덱스 · INDEX-DESIGN-TOOL · 6 축 신규 · 설계서 진화
§1. 정의 / 요지
VCH 트랙의 ★ 설계 도구 축 (사용자 명시 = 프로그램 언어 + 설계서 도구 + 본인 경험 3 자리 中 2 번째) 일람표. 본 축은 VBH 지침 v1.0 의 5 축 (Era·HW·Lang·Storage·Experience) 위에 추가된 6 번째 축 정합.
"설계 도구는 시대마다 기록되었다. 그러나 본질은 같다 — 코드를 짜기 전에 그림을 그리는 일."
§2. 시대 배경
41 년 IT 현장에서 기록된 설계 도구 는 시대마다 다르게 박혔지만, 그 역할은 같다 — 요구사항 → 코드 사이의 번역 매개체 기록. 종이 플로우차트 (E1) → HIPO 차트 (E4) → DFD (E5) → UML (E7~E8) → CLAUDE.md (E10).
§3. 설계 도구 진화 트리
DESIGN-TOOL Tree
├── E1 종이 플로우차트 — 펀치카드 시대 기록
├── E2 디스어셈블 노트 — HEX 리버스 시대 기록
├── E3 Assembly 흐름도 — 어셈블리 시대 기록
├── E4 HIPO 차트 ★ — 임베디드 C 시대 기록 (★ IBM 1970s 기록)
├── E5 DFD (Yourdon Method) — 멀티미디어 시대 기록
├── E6 시스템 다이어그램 — CCTV·통신 시대 기록
├── E7 UML (Class·Sequence) — Rational Rose, ArgoUML
├── E8 UML 기록 — 시뮬레이션·모바일 시대
├── E9 (휴지기 — 누락 ❌)
└── E10 CLAUDE.md ★ — Plan Mode, Subagent, MCP 기록
§3-1. 시대 × 설계 도구 기록
| 시대 | 도구 | 산출물 값 |
|---|---|---|
| E1 | 종이 플로우차트, 카드 양식 | 수기 값 |
| E2 | 디스어셈블 노트, op-code 표 | 수기 값 |
| E3 | Assembly 흐름도, 레지스터 표 | 수기 값 |
| E4 | HIPO 차트 ★, 회로도 | 도구 기록 (당시) |
| E5 | DFD, 모듈 구조도 | DFD 도식 |
| E6 | 시스템 다이어그램 | 도식 |
| E7 | UML (Rational Rose) | UML 도구 |
| E8 | UML | UML 도구 |
| E9 | (없음) | — |
| E10 | CLAUDE.md ★ | Markdown SSOT |
§3-2. 도구 공통 본질 기록
각 도구는 시대마다 다르지만 같은 일을 기록 — 코드 짜기 전 그림 기록.
| 도구 | 기록하는 자리 |
|---|---|
| 종이 플로우차트 | 제어 흐름 값 |
| HIPO | 입력·처리·출력 값 |
| DFD | 데이터 흐름 값 |
| UML | 클래스·관계·시퀀스 값 |
| CLAUDE.md | 영구 지시·헌장·하네스 값 |
| → 5 가지 모두 "코드는 결과물이고, 설계가 원인이다" 기록. No Design, No Code 정합. |
§5. 요구사항 분석 관점
설계 도구 기록 = 요구사항을 기록 가능한 형태로 기록. 도구 ❌ 기록 = 요구사항이 머리 속에 기록됨 → 잊힘 → 부패. 도구 기록 = 요구사항이 종이·UML·CLAUDE.md 에 기록됨 → 영구·재검토 가능.
§6. 저장의 관점
설계 도구의 산출물도 저장 기록. HIPO 차트 = 종이 기록 (당시 보존 ❌ 多). UML 도식 = XML 기록 (Rational Rose). CLAUDE.md = Markdown 기록 (Git 보존). 저장 매체의 진화 가 설계 도구의 영속성 을 정합.
§7. 바이브 코딩 시대의 재해석
E10 의 CLAUDE.md 는 모든 이전 도구의 합 기록. 종이 플로우차트의 제어 흐름 + HIPO 의 입력·처리·출력 + DFD 의 데이터 흐름 + UML 의 클래스·관계 + 헌장의 영구 지시 — 모두 Markdown 한 파일 에 정합. 그러나 본질 기록 = 코드 짜기 전 그림 기록. AI 도 그림이 기록되어 있어야 기록. No Design, No Code.
§8. 마무리
도구는 바뀌었지만, 설계의 책임은 늘 사람에게 있었다.
§9. 링크
- 5 축: synthesis/vch-index-era · synthesis/vch-index-lang · synthesis/vch-index-experience
- 핵심 명제: concept/no-design-no-code (★ 본 축의 출발점)
- 트랙 횡단: concept/claudemd-as-design-language (VCT — 본 축의 현재 시점 기록)
- 다음 기록 예정:
entity/tool-hipo·entity/tool-dfd·entity/tool-uml-rational-rose·entity/tool-claude-md