# Task_앱화면시안결정반영및HTML시안_2026-10-15_v0.1.00

| 항목 | 내용 |
|---|---|
| 담당자 | 심영표 |
| 일자 | 2026-10-15 |
| Task 식별자 | Task_앱화면시안결정반영및HTML시안_2026-10-15_v0.1.00 |
| 선행 Task | `Task_앱화면PRD및디자인시스템_2026-10-15_v0.1.00.md` |
| 경로·모드 | COMPLEX-DOC + 시안 코드 / GATED |

## INPUT
### [1]
```
[원문] 권고안대로   (기획서 D3~D6)
```
### [2]
```
[원문]
-"UX1: 기존 R8 기준(맑은 고딕 14px 등)을 Prism으로 대체할지" 대체해줘
-"UX2: 판정 색을 Prism 상태색으로 바꿀지" 바꿔줘
-"UX3: Pretendard 글꼴을 앱에 내장할지" 내장해줘
-"UX4: 상태 마커(●▲■◆◇) 사용을 승인할지" 승인
-"UX5: 다크 테마 시험 여부" pass
-"UX6: 핵심 화면 HTML 시안 제작 여부" 제작해줘
```

## PROCESS
1. D3~D6 결정 반영: 기획서 v0.1.01, PRD v0.1.01, OPEN #26
2. UX1~UX6 반영: `디자인지침_경로.md`(경로 지정, 앱 화면 R8 행 대체 표기), PRD v0.1.02, design.md v0.1.01, OPEN #29
3. Pretendard 가변 폰트(OFL, npm pretendard 1.3.9)를 `Code/교각모델링앱/web/static/fonts/`와 시안 폴더에 배치. 앱 코드는 수정하지 않음
4. HTML 시안 `DOC/01_기획/웹앱디자인시안/시안/index.html`: S04·S05·S07·S10 동작 시안(필터, 앱 확인 진행, 근거 보기, 사유 필수 확정, 일괄 확정 근거표 열람 조건, 후보 반영 충돌·무효화)
5. 시험: JS 문법 검사 + jsdom 흐름 시험 19항 전부 PASS

## DECISIONS
| 결정 지점 | 채택안 | 근거 |
| :--- | :--- | :--- |
| D3~D6 | 권고안 | 사용자 |
| UX1~UX4 | 대체·변경·내장·승인 | 사용자 |
| UX5 | 다크 시험 제외(토큰은 유지) | 사용자 |
| 폰트 배치 | static 폴더에 파일만, 앱 코드 미수정 | 구현은 기획서 A단계에서 |

## OUTPUT
| 산출물 | 경로 |
| :--- | :--- |
| 기획서 | `DOC/01_기획/기획_입력묶음확인확정개편_2026-10-15_v0.1.01.md` |
| PRD / design | `DOC/01_기획/웹앱디자인시안/PRD.md` (v0.1.02), `design.md` (v0.1.01) |
| HTML 시안 | `DOC/01_기획/웹앱디자인시안/시안/index.html` (+ `pier.css`, `fonts/`) |
| 폰트 | `Code/교각모델링앱/web/static/fonts/PretendardVariable.woff2` |
| 기록 | `context-migration/디자인지침_경로.md`, `OPEN_미해결목록.md` #26 #29 (백업 `backup/2026-10-15_d3d6`, `2026-10-15_ux`) |

## MODEL
Claude Sonnet 5.5 (claude-sonnet-5-5)

## STATUS
PROCESS COMPLETE

## 비고
- 시안 데이터는 예시이며 실제 앱 결과가 아니다. 브라우저 육안 확인은 하지 않았다(jsdom 시험만).
- 폰트 파일 약 2 MB. 라이선스 OFL 1.1.