WickedHost Design System / 업무 패턴

로그인·계정·세션

어느 서비스의 계정인지, 왜 다시 로그인해야 하는지 설명합니다.

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

공통 계약

  • AUTH-01 MUST: 로그인할 제품 이름과 다음 이동을 알 수 있게 합니다.
  • AUTH-02 MUST: 자동완성·붙여넣기·비밀번호 관리자 사용을 불필요하게 방해하지 않습니다.
  • AUTH-03 MUST: 비밀번호 표시 버튼은 이름·상태를 제공하고 type=button입니다.
  • AUTH-04 MUST: 로그인 실패 문구는 계정 존재·내부 보안 정보를 불필요하게 구별해 노출하지 않습니다.
  • AUTH-05 MUST: 세션 만료와 입력 오류·연결 실패를 구분하되 기존 보안 정책을 유지합니다.
  • AUTH-06 SHOULD: 인증 후 의도한 화면으로 복귀할 수 있게 하며 안전한 내부 목적지만 허용합니다.

우리 서비스의 경계

공통 브랜드가 동일 계정·SSO를 보장하지 않습니다. 사용자에게 어느 제품의 자격 증명을 요구하는지 설명합니다. 계정 연결·복구·가입 조건은 각 제품의 실제 흐름을 확인한 뒤 작성합니다. 이번 작업에서 인증 통합은 하지 않습니다.

예시

좋음: “Panel에 로그인”과 해당 비밀번호 복구 링크. 피함: 스토어 계정과 Panel 계정이 항상 같다고 단정하는 도움말.

검증

키보드·모바일 자동완성·비밀번호 표시·세션 만료·안전한 return URL·오류 후 입력 유지·속도 제한을 확인합니다. 보안·속도 제한을 디자인 문제 해결 명목으로 해제하지 않습니다.

출처와 적용 범위

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

Markdown 원본 다운로드