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

사용자관리 메인 (드롭다운 펼침 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 →