어드민 디자인¶

운영자가 서비스 현황을 조회·진단하는 백오피스의 화면 골격이다. 골격은 prd의 IA를 따라 잡았고, 와이어프레임은 디에듀 Design 2.0 (어드민 §4)에 있다. 3단계 로드맵·기능 정의는 prd, 권한·API는 frd를 본다. 사용자 목록·상세 화면이 이메일·휴대폰 같은 개인정보를 다루긴 하지만, 이 문서는 화면 구조와 역할별 가시성만 정하고 실제 값은 운영 DB에 둔다.

사용자 플로우¶

어드민 로그인 → 대시보드(기간 필터 + 지표 카드)
   ├─ 고객 관리 → 사용자 목록(검색) → 사용자 상세(추후)
   ├─ 콘텐츠/활동 관리 → 스터디룸 목록(검색) → 상세[정보 | 운영정보(3단계) | 로그]
   └─ 관리자 → 어드민 계정 목록(2단계) → 등록/수정

화면 · 컴포넌트 (Figma 링크)¶

대시보드: 좌측 LNB(메뉴) + 상단 기간 필터(일/주/월·직접 선택) + 지표 카드 그리드(수치 + 간단 그래프).
목록 화면: 검색 바 + 필터 칩 + 데이터 테이블(컬럼은 prd §3, 정렬·페이지네이션). 행 클릭 → 상세.
상세 화면: 탭 구조(스터디룸 = 정보 / 운영정보 / 로그). 로그 탭은 타임라인 테이블(변경 전/후).
와이어프레임: 디에듀 Design 2.0 — 어드민. 토큰·컴포넌트 → design-system.

인터랙션 · 상태¶

조회 우선: 1단계 화면은 조작 액션 없음(읽기 전용). 위험 액션(운영 정보 수정)은 3단계까지 비노출.
권한별 가시성: Master/관리자/운영 사용자별로 메뉴·액션 차등 — 권한 체크는 frd.
상태: 로딩(테이블 스켈레톤), 빈 결과, 권한 없음(메뉴/액션 숨김 또는 비활성), 변경 전/후 값 없음 → - 표기.

접근성¶

테이블 헤더·정렬 상태 스크린리더 안내. 권한 차단 액션은 단순 숨김 외 비활성 사유 표기 고려.

개발 핸드오프 노트¶

어드민은 태블릿/PC 비중이 높은 백오피스 → 반응형 우선순위 낮음(데스크톱 기준). 정책은 responsive.
권한별 화면 가시성·API·로그 스키마는 frd. 핸드오프 규약 → dev-handoff.