관리자 화면 · 백오피스 사용자 관리

사용자관리 메인 (드롭다운 펼침 2)

BO-USR-003 · 2026. 02. 26

화면 이름 사용자관리 메인 (드롭다운 펼침 2)
화면 위치 백오피스 로그인 진입 > 사용자 관리 메뉴 클릭
화면 ID BO-USR-003
작성일 2026. 02. 26
화면 이름
사용자 관리 메인 [드롭다운/셀렉트 펼침 2]
화면 위치
백오피스 로그인 진입 > 사용자 관리 메뉴 클릭
화면 ID
BO-USR-003
작성일
2026. 02. 26
[CHRT]
사용자 관리
작품 관리
거래 관리
작품 문의 관리
사용자 관리
김운영 (관리자) · joonyoob.kim@chaart.co
전체기간
전체 사용자수
123,456
활성/정지 사용자수
120,000 / 3,456
탈퇴 사용자수
56
VIP 사용자수
1,234
검색필터
가입일 20YY-MM-DD ~ 20YY-MM-DD
검색 유형 회원명 회원명을 입력해주세요.
회원 유형
전체 ▼
1
전체
일반
VIP
상태 ☐ 활성   ☐ 정지   ☐ 탈퇴
초기화
조회
사용자 리스트
10개씩 보기 ▼ 엑셀 다운로드
no 아이디(이메일) 로그인 타입 상태 본인 인증 여부 가입 일시 탈퇴 일시 광고 수신 동의 상세보기
10abcd@efgh.comGoogle활성인증20YY. MM. DD HH:MM20YY. MM. DD HH:MMY상세보기
9abcd@efgh.comKakao정지미인증20YY. MM. DD HH:MM-N상세보기
8abcd@efgh.comApple탈퇴인증20YY. MM. DD HH:MM20YY. MM. DD HH:MMY상세보기
... (10 rows total) ...
«   1   2   3   ...   10   »
Description
1 회원유형 드롭다운
  • 구성
    • 드롭다운 옵션: 전체 / 일반 / VIP
    • 기본 선택값: 전체
  • 동작
    • 드롭다운 클릭 시 옵션 리스트 노출
    • 옵션 선택 시
      • 드롭다운 닫힘
      • 선택값으로 필터 조건 반영
    • "전체" 선택 시 필터 조건 없음 → 전체 사용자 조회
    • "VIP" 선택 시 등급=VIP 사용자만 조회
  • 참고
    • 필터 드롭다운 펼침 시 사용자 리스트는 드롭다운 아래 겹침

Design Output

UI 디자인 산출물

회원 유형 드롭다운 펼침 상태의 디자인 토큰 적용.

회원 유형 드롭다운
전체 ▼
전체
일반
VIP
Applied Design Tokens
요소Token값
드롭다운 트리거--charcoal border1px solid, R=0
옵션 패널--bg + --charcoal직각 (R=0), no shadow
선택 옵션--sans 600배경: rgba(26,26,26,0.03)
구분선rgba(26,26,26,0.04)옵션 간 1px border-top
Design Description

Update History

2026.02.26초기 디자인 작성
1 회원유형 드롭다운
  • 구성
    • 드롭다운 옵션: 전체 / 일반 / VIP
    • 기본 선택값: 전체
  • 동작
    • 드롭다운 클릭 시 옵션 리스트 노출
    • 옵션 선택 시
      • 드롭다운 닫힘
      • 선택값으로 필터 조건 반영
    • "전체" 선택 시 필터 조건 없음 → 전체 사용자 조회
    • "VIP" 선택 시 등급=VIP 사용자만 조회
  • 참고
    • 필터 드롭다운 펼침 시 사용자 리스트는 드롭다운 아래 겹침
← 이전 화면: BO-USR-002 다음 화면: BO-USR-004 →