🚪 로그인과 진입 화면: 제품 선택 커버
여러 제품(예: 파트너포털·CRM·서포트)을 함께 쓰는 계정은 로그인 직후 어느 화면으로 들어갈지 한 번 더 고르는 "제품 선택 커버" 화면을 만납니다. 이 커버에서 구독 중인 제품과 관리자 영역 중 하나를 선택해 들어가고, 원하면 "이번 접근을 기억하기" 를 켜서 다음 로그인부터는 그 화면으로 곧장 진입할 수 있습니다.
이 문서는 로그인부터 커버 화면, 기본 진입 경로 저장, 제품 접근 권한이 동작하는 방식을 처음 쓰는 분의 눈높이에서 설명합니다.
💡 커버 화면은 여러 화면에 접근할 수 있는 계정을 위한 갈림길입니다. 들어갈 곳이 하나뿐이면 곧바로 그 화면으로 안내되어 커버를 보지 않을 수도 있습니다.
이 문서에서 다루는 내용
- 로그인부터 진입까지 전체 흐름
- 로그인 화면 - 관리자 로그인과 파트너 로그인
- 제품 선택 커버 화면 살펴보기
- 진입할 화면 선택하기 - 구독 제품과 관리자 영역
- "이번 접근을 기억하기" - 기본 진입 경로 저장
- 다음 로그인 시 자동 진입(기본 랜딩 경로)
- 역할에 따른 진입 차이
- 제품 접근 권한(가드)이 동작하는 방식
- 커버 화면에서 로그아웃
- 자주 묻는 질문
1. 로그인부터 진입까지 전체 흐름
로그인하면 시스템이 저장된 기본 진입 경로가 있는지 먼저 확인합니다. 있으면 그 화면으로 바로 들어가고, 없으면 제품 선택 커버 화면을 보여줍니다.
| 단계 | 내용 |
|---|---|
| ① 로그인 | 이메일·비밀번호 입력 |
| ② 분기 판단 | 저장된 기본 진입 경로가 있는지 확인 |
| ③ 진입 | 있으면 저장된 화면으로, 없으면 제품 선택 커버로 |
| 단계 | 화면 | 하는 일 |
|---|---|---|
| 로그인 | 로그인 화면 | 이메일·비밀번호 입력 |
| 분기 판단 | (자동) | 기억해 둔 기본 진입 경로 확인 |
| 진입 | 커버 또는 목적 화면 | 화면 선택 또는 자동 진입 |
💡 "기본 진입 경로"는 6장에서 다루는 "이번 접근을 기억하기" 로 저장된 값입니다. 한 번도 저장하지 않았다면 항상 커버 화면을 거칩니다.
2. 로그인 화면: 관리자 로그인과 파트너 로그인
로그인 화면은 좌우 분할 레이아웃으로, 한쪽은 입력 폼, 다른 한쪽은 Sufly 비주얼 이미지입니다. 화면 상단에는 두 개의 진입 구분이 나란히 있습니다.
| 구분 | 대상 | 설명 |
|---|---|---|
| Admin Portal | 관리자·내부 사용자 | 이메일·비밀번호로 로그인하는 기본 폼 |
| Partner Portal | 파트너 사용자 | 파트너 전용 로그인 화면으로 이동 |
2.1 로그인 폼
| 요소 | 내용 |
|---|---|
| E-mail · Password | 로그인 정보 (👁 로 비밀번호 표시 전환) |
| 이메일 저장 | 체크하면 다음에 이메일이 채워집니다 |
| 포털 전환 | Partner Login / Admin Login 을 오갑니다 |
계정 종류에 맞는 포털로 로그인해야 합니다.
| 항목 | 설명 |
|---|---|
| 로그인 이메일 주소 | |
| Password | 비밀번호. 우측 눈 아이콘으로 표시/가리기 전환 |
| 이메일 저장 | 다음 방문 시 이메일을 미리 채워 줌(이 브라우저에만 저장) |
| Login | 입력값으로 로그인 시도 |
| Partner Login | 파트너 로그인 화면으로 전환 |
2.2 입력 도우미
- 비밀번호 표시 전환: 눈 아이콘을 누르면 입력한 비밀번호를 보거나 가릴 수 있습니다.
- Caps Lock 경고: 비밀번호 입력 중 Caps Lock(대문자 잠금)이 켜져 있으면 "Caps Lock이 켜져 있습니다" 안내가 나타납니다.
- 이메일 저장: 체크하면 다음 방문 때 이메일 칸이 자동으로 채워집니다. 비밀번호는 저장되지 않습니다.
⚠️ "이메일 저장"은 사용하는 브라우저에만 적용되는 편의 기능입니다. 공용 PC에서는 끄는 것을 권장합니다.
3. 제품 선택 커버 화면 살펴보기
로그인이 끝나고 자동 진입 경로가 없으면 제품 선택 커버 화면 으로 들어옵니다. 로그인 화면과 같은 좌우 분할 형태로, 왼쪽에 진입 선택 영역이 세로 가운데 정렬로 표시됩니다.
커버 화면은 좌측에 회사 로고·환영 문구·제품 선택, 우측에 비주얼 이미지가 놓인 2단 구성입니다.
| 영역 | 내용 |
|---|---|
| 상단 | 회사 로고(없으면 회사명) + 환영 인사 + "진입할 화면을 선택하세요" 안내 |
| 선택 드롭다운 | 들어갈 화면을 고르는 단일 선택 목록 |
| 진입 화살표 | 화면을 고른 뒤 나타나는 진입 버튼(→) |
| 기억하기 토글 | "이번 접근을 기억하기" 스위치 |
| 로그아웃 | 현재 계정에서 로그아웃 |
💡 상단의 로고는 소속 회사에 등록된 로고가 있으면 그 로고가, 없으면 회사명이 표시됩니다.
4. 진입할 화면 선택하기: 구독 제품과 관리자 영역
선택 드롭다운을 열면 항목이 두 묶음으로 나뉘어 나타납니다.
커버 화면에는 구독 중인 제품이 나열되고, 각 항목에 구독 상태 배지(구독중 · 체험 등)가 붙습니다. 원하는 제품을 골라 들어갑니다.
4.1 구독중인 제품
회사가 구독 중인 제품만 이 묶음에 나타납니다. 각 항목 오른쪽에는 상태를 나타내는 뱃지가 붙습니다.
| 뱃지 | 의미 |
|---|---|
| 구독중 | 정식 구독 중인 제품 |
| 체험 | 체험(트라이얼) 이용 중인 제품 |
| AX | AI 기능이 켜진 제품(자동화·AI 분석 등 사용 가능) |
💡 구독 중인 제품이 없으면 "구독 중인 제품이 없습니다."라고 안내됩니다. 이때는 관리자 영역으로 진입해 구독 상태를 확인할 수 있습니다.
4.2 관리자 영역
제품과 별개로, 운영·설정을 위한 관리자 화면도 선택할 수 있습니다.
| 항목 | 들어가는 곳 | 표시 조건 |
|---|---|---|
| 테넌트 관리자 | 회사 단위 관리·설정 화면 | 관리 권한 계정 |
| Hub 관리자 | 전체 운영 허브 화면 | 특정 운영 계정에만 표시 |
4.3 선택하고 진입하기
- 드롭다운을 열고 들어갈 화면을 한 줄 선택합니다.
- 선택하면 드롭다운이 닫히고, 고른 화면이 버튼에 표시됩니다.
- 오른쪽 아래에 나타나는 진입 화살표(→) 를 누르면 해당 화면으로 들어갑니다.
💡 드롭다운 바깥을 클릭하면 목록이 닫힙니다. 선택을 바꾸려면 다시 열어 다른 항목을 고르면 됩니다.
5. "이번 접근을 기억하기": 기본 진입 경로 저장
커버 화면 아래의 "이번 접근을 기억하기" 스위치를 켜고 진입하면, 방금 선택한 화면이 기본 진입 경로로 저장됩니다.
커버 화면의 "이번 접근을 기억하기" 토글을 켜면 다음 로그인부터 그 화면으로 바로 들어갑니다. 자주 쓰는 제품이 하나로 정해져 있다면 켜 두는 편이 편합니다.
5.1 동작 방식
| 토글 상태 | 진입 시 동작 |
|---|---|
| ON | 선택한 화면으로 진입하면서, 그 경로를 기본 진입 경로로 저장 |
| OFF | 이번 한 번만 그 화면으로 진입(저장 안 함) |
5.2 저장되는 화면의 범위
기본 진입 경로로 저장할 수 있는 화면은 정해진 진입 화면들로 한정됩니다(엉뚱한 외부 주소가 저장되지 않도록 하는 보호 장치). 서버는 다음 표준 경로(또는 그 하위 경로)만 저장을 허용하며, 목록에 없는 주소는 저장을 거부합니다.
| 허용 경로 | 들어가는 곳 |
|---|---|
| `/sales/daily` | CRM 시작 화면 |
| `/admin` | 파트너포털(관리자) 시작 화면 |
| `/support` | 서포트 센터 |
| `/account` | 테넌트 관리자 |
| `/hub` | 운영 허브(특정 운영 계정만) |
⚠️ 파트너 사용자는 기본 진입 경로 저장 자체가 차단됩니다. 파트너 계정은 진입 화면이 파트너 영역으로 고정돼 있어, 저장 요청이 서버에서 거부됩니다(7장 참고).
⚠️ 저장에 실패하더라도 화면 진입 자체는 정상 진행됩니다. 저장은 어디까지나 "다음번 편의"를 위한 부가 기능입니다.
6. 다음 로그인 시 자동 진입(기본 랜딩 경로)
기본 진입 경로를 저장해 두면, 다음 로그인부터는 커버 화면을 거치지 않고 그 화면으로 바로 진입합니다.
| 다음 로그인 시 | 동작 |
|---|---|
| 기본 진입 경로가 저장되어 있음 | 저장된 화면으로 곧장 진입 (커버 건너뜀) |
| 저장된 경로 없음 | 제품 선택 커버 화면 |
6.1 자동 진입 상태에서 커버 화면 다시 보기
저장된 기본 진입 경로가 있으면 로그인 시 곧장 그 화면으로 이동하므로, 커버 화면은 평소 보이지 않습니다. 커버 화면을 다시 보거나 선택을 바꾸려면 주소창에 `/home`을 직접 입력해 커버로 들어갑니다. 이때 이미 저장된 경로가 있으면 커버의 드롭다운에 그 화면이 미리 선택되고 "기억하기" 토글이 켜진 상태로 열립니다.
6.2 저장된 화면 바꾸기 · 자동 진입 해제
`/home` 커버에서 다음과 같이 다시 설정할 수 있습니다.
| 하고 싶은 일 | 방법 |
|---|---|
| 저장 경로 바꾸기 | 새 화면을 고르고 "기억하기"를 켠 채 진입 → 새 경로로 갱신 |
| 이번만 다른 곳으로 | "기억하기"를 끈 채 다른 화면으로 진입 → 저장값은 그대로 유지 |
💡 커버에서 제품·관리자 항목을 다시 고르고 "기억하기"를 켠 채 진입하면 저장 경로가 새 값으로 덮어쓰여집니다.
7. 역할에 따른 진입 차이
로그인한 계정의 역할에 따라 진입 흐름이 달라집니다. 진입 판단은 ① 파트너 여부 → ② 저장된 기본 진입 경로 → ③ 역할의 순서로 이뤄집니다.
| 계정 유형 | 저장된 경로 없을 때 | 저장된 경로 있을 때 |
|---|---|---|
| 파트너 사용자 | 파트너 대시보드(`/dashboard`)로 바로 진입(커버 거치지 않음) | 동일(파트너는 저장 자체가 안 됨) |
| 관리자·운영 계정(admin·superadmin) | 제품 선택 커버 화면(`/home`) | 저장된 화면으로 곧장 진입 |
| 팀 단위 실무 계정(팀장·팀원) | 업무용 기본 화면(`/admin/daily`)으로 진입 | 저장된 화면으로 곧장 진입 |
💡 저장된 기본 진입 경로가 최우선입니다. 파트너가 아닌 계정은 역할(관리자·팀 계정)과 무관하게, 저장된 경로가 있으면 그 화면으로 먼저 이동합니다. 팀 계정도 "기억하기"로 경로를 저장하면 기본 업무 화면(`/admin/daily`) 대신 저장한 화면으로 진입합니다.
💡 파트너 사용자는 들어갈 곳이 파트너 영역으로 정해져 있어, 제품 선택 커버 대신 곧바로 파트너 대시보드로 안내됩니다. 이 때문에 파트너 계정은 기본 진입 경로 저장도 사용하지 않습니다.
8. 제품 접근 권한(가드)이 동작하는 방식
커버에서 보이는 제품은 회사가 구독 중인 제품입니다. 구독하지 않은 제품 화면에 주소로 직접 접근하려고 하면, 시스템이 이를 막고 안내합니다.
8.1 미구독 제품 접근 차단
⚠ 구독하지 않은 제품입니다.
접근 권한이 없어 홈으로 이동합니다.
안내가 뜬 뒤 커버 화면(홈)으로 자동 이동합니다.
| 상황 | 동작 |
|---|---|
| 구독 중인 제품 화면 | 정상 진입 |
| 미구독 제품 화면에 직접 접근 | 안내 메시지 후 커버 화면(홈)으로 이동 |
| 파트너 사용자가 파트너 영역 접근 | 허용(파트너는 파트너포털 소속) |
8.2 일시적 오류 시 잠기지 않음
구독 정보를 불러오는 도중이거나 일시적인 통신 오류가 있을 때는 접근을 막지 않습니다. 일시 오류 때문에 정상 화면이 잠기는 일을 방지하기 위한 안전장치입니다.
💡 "구독하지 않은 제품입니다" 안내가 반복된다면, 해당 제품 구독이 실제로 활성 상태인지 관리자 화면에서 확인해 보세요.
9. 커버 화면에서 로그아웃
커버 화면 아래의 로그아웃 버튼을 누르면 현재 계정에서 로그아웃되고 로그인 화면으로 돌아갑니다.
| 동작 | 결과 |
|---|---|
| 로그아웃 | 세션 종료 후 로그인 화면으로 이동 |
💡 다른 계정으로 바꿔 들어가야 할 때도 이 로그아웃을 거쳐 다시 로그인하면 됩니다.
10. 자주 묻는 질문
Q. 로그인했는데 제품 선택 커버 화면이 안 나오고 바로 특정 화면으로 들어가요.
이전에 "이번 접근을 기억하기"로 기본 진입 경로를 저장했기 때문입니다. 그 화면으로 자동 진입하도록 설정된 상태입니다. 주소창에 `/home`을 입력해 커버 화면을 다시 연 뒤, 새 화면을 골라 갱신할 수 있습니다(6장 참고).
Q. 커버 화면에서 제품 묶음이 비어 있어요("구독 중인 제품이 없습니다").
회사가 현재 구독 중인 제품이 없는 상태입니다. 관리자 영역으로 들어가 구독·체험 상태를 확인하세요.
Q. "AX" 뱃지는 무슨 뜻인가요?
해당 제품에서 AI 기능이 켜져 있다는 표시입니다. AI 기반 자동화·분석 기능을 쓸 수 있는 제품에 붙습니다.
Q. "구독중"과 "체험" 뱃지의 차이는요?
"구독중"은 정식 구독 중인 제품, "체험"은 체험(트라이얼)으로 이용 중인 제품입니다.
Q. 구독하지 않은 제품 주소로 들어가려 했더니 홈으로 튕겼어요.
정상 동작입니다. 구독하지 않은 제품 화면은 접근이 차단되고 커버 화면(홈)으로 이동합니다.
Q. "이메일 저장"과 "이번 접근을 기억하기"는 같은 건가요?
다릅니다. "이메일 저장"은 로그인 화면에서 이메일 칸을 미리 채워 주는 브라우저 편의 기능이고, "이번 접근을 기억하기"는 로그인 후 어느 화면으로 들어갈지를 계정에 저장하는 기능입니다.
Q. 파트너 계정인데 제품 선택 커버가 안 보여요.
파트너 사용자는 진입 화면이 파트너 영역으로 정해져 있어, 커버를 거치지 않고 파트너 대시보드로 바로 들어갑니다.