WickedHost Design System / 업무 패턴

주문·결제·청구

금액과 진행 상태를 분명하게 표시하고, 중복 결제·잘못된 완료 안내를 막습니다.

WickedHost 공통 확정 기준: vPanel/Pterodactyl 디자인을 Blesta까지 동일 적용. 문서·예제 기준이며 운영 서비스 배포와는 별도입니다. 공통 동작 규칙을 재사용하며, 다른 체계의 사례는 비교 근거일 뿐 스타일 상속이 아닙니다.

단계별 진실

상품 선택 → 설정 → 금액 검토 → 결제 요청 → 결제 확인 → 서비스 준비 → 사용 가능은 서로 다른 사건입니다. 전부를 하나의 성공 배지로 합치지 않습니다.

  • BILL-01 MUST: 결제 직전에 상품·수량·기간·통화·반복 금액·추가 요금 조건을 보여줍니다.
  • BILL-02 MUST: 요청 접수·확인 중·실패·완료를 실제 청구 상태에 맞게 표시합니다.
  • BILL-03 MUST: timeout일 때 중복 결제를 유도하지 않고 현재 결제 상태 조회·문의 경로를 제공합니다.
  • BILL-04 MUST: 취소·환불·갱신 해제의 결과를 구분합니다.
  • BILL-05 MUST: 디자인 수정으로 결제 콜백·CSRF·기존 거래 처리를 대체하지 않습니다.
  • BILL-06 SHOULD: 영수증/청구서와 서비스 관리로 돌아가는 경로를 명시합니다.

제품 경계

WICKEDVPS의 구매 UI와 Blesta의 청구 기록은 다른 책임을 가집니다. 화면에 보이는 상품 이름·단가·선택값은 서버가 검증한 최종 견적을 우선합니다. 이 문서는 요금·환불 조건을 정하거나 실제 구매를 실행하지 않습니다.

예시

좋음: “결제 확인 중 · 서버는 아직 생성되지 않았습니다.” 피함: 리디렉션에 성공했다는 이유로 “서버 준비 완료”.

검증

가격 변경, 프로모션 조건, 비용 추가 옵션, 결제 취소·지연·중복 응답, 완료 후 새로고침. 샌드박스·승인된 테스트 경로만 사용하며 운영 고객 청구서를 만들지 않습니다.

출처와 적용 범위

원본 확인 범위와 운영 적용 여부를 구분합니다. 실행형 예제의 동작 확인은 모든 운영 화면의 접근성 검증을 의미하지 않습니다.

Markdown 원본 다운로드