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

1.2 KiB

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

작업 내용

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

로컬 검증

  • 빌드: pnpm build 성공
  • 브라우저: PC 1280x720 인앱 브라우저, debugBattleSetup=attack-preview
  • 공격 예측: 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
  • 책략 예측: 로컬에서 구조 동일성 확인
  • 콘솔 에러: 없음