UI 목업
전체 화면 목록
사이트 구조와 화면별 역할이에요 · 회원 화면은 맨 위 '보기 모드'로 볼 수 있어요
목업 기준
오늘은 2026년 12월 14일(월) 오전, 테스트센터가 문을 연 지 2주 된 상황이에요. 데모 학생은 김하준(중2)·김서윤(초6) 남매, 데모 학부모는 두 아이의 어머니예요. 데모 계정과 비밀번호는 로그인 화면에 있어요.
핵심 흐름 따라가기
처음 온 학생
응시 예약 클릭 → 로그인 안내 → 회원가입(학생) → 학부모 휴대폰 인증 → 가입 완료 → 응시 예약 '아직 진단테스트를 응시하지 않았어요' → 과목 고르기 → 진단테스트 예약 → 결과 후 라이센스 시험 예약
학부모
회원가입(학부모) → 자녀가 적은 번호로 인증 → 자녀 자동 연결 → 라이센스 현황 → 자녀 대신 예약
비밀번호를 잊은 학생
로그인 → 비밀번호 재설정 → 아이디 + 학부모 휴대폰 인증 → 새 비밀번호
학원 관계자
하단 '라이센스 인증' → 인증번호 조회
센터 운영자
관리자 로그인 → 운영 대시보드 → 예약·출결 → 성적 입력(합격 시 발급·문자) → 회원·문자 발송 내역
상단 메뉴
| 화면 | 보기 모드 | 내용 |
|---|---|---|
| 메인 (랜딩) / | 비회원 | 지금은 비워 둔 상태. 내용은 차례로 채울 예정 |
| 응시 예약 /book | 학생 | 로그인 필요. 과목 선택 → 진단테스트 전 과목은 진단테스트 안내, 진단이 끝난 과목은 소단원·등급 선택 → 날짜·교시 → 확인·결제 |
| 응시 예약 (진단테스트 전 과목) /book?subject=ALGEBRA | 학생 | '아직 대수 진단테스트를 응시하지 않았어요' → 진단테스트 예약하기 → 날짜·교시 → 확인 |
| 응시 예약 (바둑판에서 바로) /book?subtopic=C1-2-02&level=A1 | 학생 | 바둑판 '응시' 칸을 누른 경우. 과목·시험 고르기를 건너뛰고 날짜·교시부터 |
| 빌보드 /billboard | 비회원 | 개인 순위(학교명+이니셜), 과목별 순위, 최근 취득. 학교 순위는 자리만 |
| 라이센스 현황 /licenses | 학생 | 로그인 필요. 요약, 다음 시험, 소단원×등급 바둑판('응시' 칸을 누르면 예약), 발급 라이센스·인증번호 |
| 공지사항 /notices | 비회원 | 운영·규정 공지 |
로그인·회원가입
| 화면 | 보기 모드 | 내용 |
|---|---|---|
| 로그인 /login | 비회원 | 학생·학부모 공용. 5번 틀리면 10분 잠금, 로그인 상태 유지, 로그인 뒤 보던 화면으로 돌아감 |
| 회원가입 (유형 고르기) /signup | 비회원 | 학생 / 학부모 |
| 학생 가입 /signup/student | 비회원 | 학생 이름 → 학부모 휴대폰 인증 → 학생 휴대폰(선택) → 아이디 → 비밀번호 → 비밀번호 확인 → 약관 |
| 학부모 가입 /signup/parent | 비회원 | 휴대폰 인증 → 아이디 → 비밀번호 → 약관. 같은 번호로 가입한 자녀와 자동 연결 |
| 아이디 찾기 /find-account | 비회원 | 인증한 휴대폰으로 찾기. 학생 계정은 학부모 번호로 찾음 |
| 비밀번호 재설정 /find-account?tab=password | 비회원 | 아이디 + 인증한 휴대폰 확인 → 새 비밀번호 |
마이페이지 (학생)
| 화면 | 보기 모드 | 내용 |
|---|---|---|
| 내 정보 /mypage | 학생 | 아이디·가입일, 이름·학생 휴대폰·학교·빌보드 공개, 학부모 휴대폰 변경, 학부모 계정 연결 상태 |
| 비밀번호 변경 /mypage/password | 학생 | 지금 비밀번호 확인 → 새 비밀번호(조건 안내) → 변경 알림 문자 |
| 예약 내역 /mypage/reservations | 학생 | 예정·지난 예약, 일정 변경·취소 |
| 시험 결과 /mypage/results | 학생 | 라이센스 시험 결과(성적표로 이동), 진단테스트 |
| 성적표 (합격) /results/e-7 | 학생 | 점수, 합격선, 합격자 평균 비교, 틀린 문항, 발급 라이센스, 다음 등급 예약 |
| 성적표 (불합격) /results/e-9 | 학생 | 같은 등급 재도전 예약 |
| 성적표 (채점 중) /results/e-10 | 학생 | 결과가 나오면 문자로 안내 |
| 회원 탈퇴 /mypage/withdraw | 학생 | 안내 확인 + 비밀번호 확인 |
마이페이지 (학부모)
그 밖의 공개 화면 (하단 링크)
운영 관리
| 화면 | 보기 모드 | 내용 |
|---|---|---|
| 관리자 로그인 /admin/login | 관리자 | 관리자 아이디·비밀번호로 들어가요. 보기 모드로는 관리자로 바꿀 수 없어요 |
| 대시보드 /admin | 관리자 | 오늘 교시별 현황, 채점 대기, 최근 문자 |
| 시험 일정 /admin/schedule | 관리자 | 날짜·교시별 정원과 마감 |
| 예약·출결 /admin/reservations | 관리자 | 오늘 응시자 출결 체크 |
| 성적 입력 /admin/grading | 관리자 | 점수 입력 → 80점 기준 자동 판정 → 라이센스 발급·문자. 진단은 소단원별 등급 입력 |
| 회원 /admin/members | 관리자 | 학생(학부모 번호·연결 상태)과 학부모(연결된 자녀) |
| 문자 발송 /admin/sms | 관리자 | 알리고 연동 정보, 문자 템플릿, 발송 내역(인증번호는 가려서 기록) |
| 운영 설정 /admin/settings | 관리자 | 합격선·응시료·유효기간·로그인 잠금 등 미정 값을 설정으로 관리 |