로그인
D.Hub에 접근하려면 로그인이 필요합니다. 안전한 데이터 관리를 위해 사용자 인증을 거쳐야 합니다.
로그인 화면
로그인 페이지 — Editorial Split 레이아웃(좌: 브랜드 메시지, 우: 폼). 헤더의 로고/검색 영역 오버랩 없이 정렬되어 있어야 합니다.
로그인 화면은 에디토리얼 스플릿(Editorial Split) 레이아웃을 사용합니다. 좌측에는 브랜드/가치 메시지, 우측에는 로그인 폼이 배치되며, 전체 화면은 D.Hub 브랜드 감성을 강조하는 어두운 크롬으로 고정됩니다.
상단 내비게이션에는 랜딩 페이지로 돌아가기 링크가 포함되어, 공개 소개 화면과 인증 화면을 쉽게 오갈 수 있습니다. 자세한 소개 화면은 인트로를 참고하세요.
로그인 방법
- 사용자명(Username) 입력 필드에 아이디를 입력합니다.
- 비밀번호(Password) 입력 필드에 비밀번호를 입력합니다.
- 로그인(Login) 버튼을 클릭합니다.
로그인에 성공하면 홈 대시보드로 자동 이동합니다.
인증 실패 피드백
아이디나 비밀번호가 일치하지 않으면 폼 카드에 짧은 흔들림(shake) 애니메이션과 함께 인라인 에러 메시지가 표시됩니다. 시각적 피드백은 반복 실패 시에도 누적되지 않도록 즉시 리셋되어 다음 입력을 방해하지 않습니다.
SSO 로그인
조직에서 SSO(Single Sign-On)를 사용하는 경우:
- 로그인 폼 하단의 Login with SSO 버튼을 클릭합니다.
- 조직의 인증 페이지로 리디렉션되어 인증을 진행합니다.
- 인증 완료 후 포털의 콜백 페이지가 잠깐 표시되며, 이후 홈 화면으로 이동합니다.
SSO 콜백 오류
SSO 인증 중 문제가 발생하면 로그인 페이지와 동일한 에디토리얼 스플릿 레이아웃의 오류 화면이 표시됩니다. 비활성 계정(관리자 승인 대기 등)이나 권한 부족으로 포털 접근이 차단된 경우에는 상태 메시지와 함께 재시도 / 다른 계정으로 로그인 액션이 제공됩니다.
랜딩과 푸터 링크
로그인 화면 하단의 고정 푸터에는 다음 링크가 노출됩니다.
- 지원 문의: 관리자 연락처 또는 이메일 모달
- 정책: 이용약관, 개인정보 처리방침 등 정책 문서 모달
각 링크는 새 창 이동 없이 모달로 열리며, 전체 대비(컨트라스트)를 확보하도록 어두운 크롬 위에서도 가독성 있게 디자인되어 있습니다.
로그아웃
작업을 마치고 시스템에서 나가려면:
- 사이드바 하단의 사용자 프로필 영역을 클릭합니다.
- 팝업 메뉴에서 Log out을 선택합니다.
- 로그아웃 후 다시 로그인 페이지로 돌아갑니다.
문제 해결
- 로그인 실패:
Invalid credentials메시지가 표시되면 사용자명과 비밀번호를 확인합니다. - 계정 잠김: 반복 실패 시 계정이 잠길 수 있습니다. 이 경우 관리자에게 문의합니다.
- SSO 오류: 콜백 페이지에 표시된 상태 메시지와 함께, 제공된 액션(다시 시도, 다른 계정으로 로그인)을 따릅니다. 비활성 계정 상태라면 관리자에게 활성화를 요청해야 합니다.