AIMED 사양서 UI 2화면 구현 완료

작업 완료일: 2026-06-13 담당: 총괄집사(Haiku) 상태: ✅ 완료

개요

AIMED 에임드 워크플로의 사양서 UI 2화면을 구현했습니다. 제안서와 같은 패턴으로 설계되어 통합된 문서형 워크플로를 따릅니다.

구현 내용

1. 사양서 작성 폼 (public/사양작성.html)

라우트: /spec-form, /사양작성, /사양작성.html (ASCII 별칭 포함)

기능:

기본정보: 고객사, 프로젝트명, 사양유형(LED미디어/인테리어/온라인/기타), 작성자(자동감지)

규격항목: 항목명·값·단위 3컬럼으로 추가 (동적 행 생성)

우측패널:

- 4상 필터: 실시간 검증 (티/옴/타/음) - 규격 누락 → 옴 (권고) - 단위 불일치 → 타 (위반) - 표준항목 비교 → 옴 (권고) - 표준사양: 선택된 유형별 추천 항목 (패널 스티키) - 완성도: % 실시간 계산

• API: POST /api/spec/submit (데모)
• 파일크기: 17KB → 분할 (p1: 14KB, p2: 3.4KB)

2. 사양서 함 (public/사양함.html)

라우트: /spec-box, /사양함, /사양함.html

기능:

통계박스: 총사양서·작성중·검토대기·확정 카운트

역할탭 (4가지):

- 모든 사양서 - 내 사양서 (작성자 필터) - 기술검토 (노형준 대기) - 설계승인 (김아름 대기)

검색: 고객사·프로젝트명·유형으로 실시간 필터

사양카드:

- 프로젝트명, 고객사, 유형, 작성자 - 상태칩 (작성중/검토대기/승인대기/확정, 4색) - 규격항목 개수 - 액션: 수정·상세 버튼

• API: GET /api/spec/list, GET /api/spec/{id} (데모)
• 파일크기: 14KB → 분할 (p1: 14KB, p2: 181B)

데이터 구조

사양서 PSV

경로: data/사양서/사양서.psv

사양서ID|고객|프로젝트|유형|작성자|작성일|상태|기술검토자|기술결과|설계승인자|설계결과|메모

규격항목 PSV

경로: data/사양서/사양항목.psv

사양서ID|항목명|값|단위|메모

표준사양 PSV

경로: data/사양서/표준사양.psv

유형|항목명|기본값|권고단위|검증규칙
LED미디어|패널해상도|2K|픽셀|필수
LED미디어|명도|2000|니트|≥1000
인테리어|마감재|MDF|소재명|필수
온라인|도메인|example.com|도메인|필수
...

스타일 / 브랜드

색상: 4상균형3진 (T 골드#C9A961, O 녹색#5a9e6f, A 파랑#4a7fb5, U 보라#9b6bb5)

폰트: Pretendard Variable

레이아웃:

상단바 고정 (52px)

메인폼 + 우측패널 (1fr 320px 그리드)

우측패널 sticky (top 60px)

폼요소: 제안서와 동일 (구분자 없이 일관성)

API 라우트 (견적서버.한선:9914)

// HTML 페이지 서빙
GET  /spec-form   → 사양작성.html (파트 스트리밍)
GET  /spec-box    → 사양함.html (파트 스트리밍)

// REST API (데모 구현)
POST /api/spec/submit         → 사양서 제출
GET  /api/spec/list           → 사양서 목록 (?role=&user=)
GET  /api/spec/{id}           → 사양서 상세

파일 목록

파일	역할
/public/사양작성.html	원본 (17KB)
/public/사양작성.html.p1	분할 파트 1 (14KB)
/public/사양작성.html.p2	분할 파트 2 (3.4KB)
/public/사양함.html	원본 (14KB)
/public/사양함.html.p1	분할 파트 1 (14KB)
/public/사양함.html.p2	분할 파트 2 (181B)
견적서버.한선	라우트 + 핸들러 추가 (v1.1)
견적서버.toau	재컴파일 바이너리

빌드 & 실행

bash# HTML 변경 시
cd /Users/ef/crowny-aimed
./분할.sh

# 한선씨 변경 시
./hanseonc_high 견적서버.한선 > 견적서버.toau 2>/dev/null
./시작.sh  # 또는 수동 재기동

다음 단계

1. 백엔드 API 구현: 데모→실제 사양서 저장 (PSV 영속화)
2. 권한 연계: 작성/검토/승인 권한 확인 (data/권한/권한매트릭스.psv)
3. 기술검토 필터: 노형준 고정 + 4상 신호 추출
4. 설계승인 필터: 김아름 고정 + 확정 → 경영AI :9913 중계
5. 문서센터 통합: 견적/제안서/사양서 탭 통합 UI

검증

• ✅ HTML 문법 (18행 소재함 검증)
• ✅ 파일 분할 (14000B 한계 준수)
• ✅ 한선씨 컴파일 (918KB 바이너리 생성)
• ✅ 라우트 추가 (4개 경로: /spec-form, /spec-box, /api/spec/submit, /api/spec/list)
• ✅ 데모 기능 (폼 입력 + 실시간 필터 + 탭 전환)

오류 해결

오류: 현재일시() 미정의 해결: "S20260613001" 하드코딩 (데모용)

---

관련 문서:

• /Users/ef/crowny-aimed/문서워크플로-공통패턴v1.md — 견적/제안서/사양서/계약서 공통 골격
• /Users/ef/crowny-aimed/CLAUDE.md — 사양서 API 라우트 추가