heros_web/docs/battle-preview-ui-rework-report.md

전투 예측 패널 리워크 검증 기록

작업 내용

• 전투 예측 상단의 공격자 -> 방어자 정보와 사용 무기/책략 아이콘을 더 크게 배치했다.
• 중앙 핵심 카드 3개를 예상 피해, 명중/성공률, 반격 여부 중심으로 키웠다.
• 공격/책략/도구 계열 예측이 같은 카드 구조를 쓰도록 전투 예측과 지원 예측 카드의 간격과 높이를 맞췄다.
• 장비 칩의 아이콘을 키우고, 장비 보정 표기를 짧게 압축했다.
• 하단 보정 카드는 항목 수에 따라 폭을 자동 조정해 텍스트가 불필요하게 잘리지 않도록 했다.

로컬 검증

• 빌드: pnpm build 성공
• 기존 캡처: PC 1280x720 인앱 브라우저에서 생성된 PNG는 당시 세션의 증적으로 유지하며 FHD 캡처로 재표기하거나 확대하지 않는다. debugBattleSetup=attack-preview
• 현재 기준 재검증(2026-07-17): 명시적 1920x1080 CSS viewport, 브라우저 확대 100%, DPR 1에서 공격·책략 예측 화면이 통과했고 콘솔 오류가 없었다.
• 공격 예측: docs/battle-preview-ui-rework-local-combat-preview.png
• 책략 예측: docs/battle-preview-ui-rework-local-strategy-preview.png
• 콘솔 에러: 없음

배포 검증

• 배포 URL: https://comtropy.synology.me/heros_web/?v=combat-preview-ui-20260703b
• 공격 예측: docs/battle-preview-ui-rework-prod-combat-preview.png
• 책략 예측: 로컬에서 구조 동일성 확인
• 콘솔 에러: 없음