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

사용자 정보 상세

BO-USR-004 · 2026. 02. 26

화면 이름 사용자 정보 상세
화면 위치 백오피스 로그인 진입 > 사용자 관리 > 사용자 상세 클릭
화면 ID BO-USR-004
작성일 2026. 02. 26
화면 이름
사용자 정보 상세
화면 위치
백오피스 로그인 진입 > 사용자 관리 > 사용자 상세 클릭
화면 ID
BO-USR-004
작성일
2026. 02. 26
[CHRT]
사용자 관리
작품 관리
거래 관리
작품 문의 관리
1 사용자 정보
« 사용자 정보 수정
no45
아이디(이메일)abcd@efgh.com
로그인 타입Google
상태활성
본인 인증 여부Y
가입일시20YY. MM. DD HH:MM
탈퇴일시20YY. MM. DD HH:MM
마케팅 동의 일시20YY. MM. DD HH:MM
광고 수신 동의Y
사용자 등급일반
매체 칩인 칩 칩/아이폰설정
이름갤러리아
전화번호010*1234*5678
비밀번호**********
2 마켓 PR
no작품명작품 카테고리상태요청일시최종 요청일확인 / 취소 일시확인 취소
10작가작품명0101원화요청작품20YY. MM. DD HH:MM20YY. MM. DD HH:MM20YY. MM. DD HH:MM확인 취소
9작가작품명0201미술 투자 칩요청작품20YY. MM. DD HH:MM--확인 취소
3 프라이빗 세일
no작품명작품 카테고리상태요청일시확인 일시확인 취소일시확인 취소
10작가작품명0101원화요청완료20YY. MM. DD HH:MM20YY. MM. DD HH:MM-확인 취소
4 문의 PR
no작품명작품 카테고리상태요청일시최종 요청일확인일시확인 취소
10작가작품명0101원화요청완료20YY. MM. DD HH:MM20YY. MM. DD HH:MM20YY. MM. DD HH:MM확인 취소
5 찜 목록
no작품명작품 카테고리가격등록일시확인 취소
10작가작품명0101원화100 만원20YY. MM. DD HH:MM확인 취소
9작가작품명0201원화490 만원20YY. MM. DD HH:MM확인 취소
6 거래 기록
no작품명작품 카테고리가격등록일시상태확인
10작가작품명0101원화진입 금액20YY. MM. DD HH:MM상세확인
9작가작품명0201원화진입 금액20YY. MM. DD HH:MM상세확인
Description
0 화면 접근 조건
  • BO-USR-001(사용자 관리 메인) 사용자 리스트에서 [상세보기] 클릭 시 진입
  • 진입 시 user_id(또는 user_no)를 필수 파라미터로 전달하여 상세 조회
  • 접근 권한: 관리자 계정(백오피스 로그인 완료 상태)만 접근 가능
  • 예외
    • 파라미터 누락/유효하지 않음/조회 결과 없음 → “존재하지 않는 사용자입니다.” 토스트 후 BO-USR-001로 이동(필터 유지)
    • 네트워크/서버 오류 → “데이터 조회에 실패했습니다.” 토스트 후 현재 화면 유지(재시도 가능)
1 뒤로가기 버튼 + 화면 타이틀
  • 구성
    • 좌측: 뒤로가기 아이콘 버튼
    • 타이틀: “사용자 정보 상세”
    • 뒤로가기 클릭 시 기본적으로 BO-USR-001로 이동
    • 단, 변경사항 존재 시 → 페이지 이동 안내 모달 노출
      • 취소 : 모달 닫고 현재 화면 유지
      • 이동 : 변경사항 폐기 후 BO-USR-001로 이동(필터 유지)
2 저장 버튼
  • 기본 상태: 비활성
  • 활성 조건: 3번 영역 내 수정 가능한 필드 값 변경 발생 시 활성
  • 클릭 동작
    • 저장 버튼 클릭 → 사용자 정보 수정 안내 모달 노출
      • 취소 : 모달 닫기(저장 미수행)
      • 수정 : 저장 API 호출
    • 성공: 토스트(9번 정의) 노출 + 변경 해제(저장 버튼 비활성) + 화면 값 최신화
    • 실패: 토스트(9번 정의) 노출 + 현재 입력값 유지 + 저장 버튼 활성 유지(재시도)
3 사용자 상세 정보
  • 단건 사용자 정보 확인 + 일부 상태 관리(활성/정지/탈퇴, 등급)
  • 표시 항목(조회값) 및 편집 가능 여부
    • 읽기 전용(수정 불가)
      • no
      • 아이디(이메일)
      • 로그인 타입(Google/Kakao/Apple/이메일)
        • 이메일 사용자 중 소셜로그인 머지한 케이스는 소셜로그인 타입과 이메일 타입 둘다 표시
      • 구매액 총합(구매 건수)
        • 구매액 단위: 원
        • 판매액 단위: 원
      • 가입 일시
      • 탈퇴 일시(탈퇴 사용자만)
      • 마지막 접속 일시
      • 광고 수신 동의
      • 회원 정보 제공 동의 여부
      • 이름 / 전화번호 / 닉네임 (현재 기획 기준: 관리자가 직접 개인정보를 수정하지 않음)
      • 탈퇴 사유
      • 상태: 활성/정지/탈퇴 (드롭다운)
      • 사용자 등급: 전체/일반/VIP (드롭다운 — 필터가 아니라 사용자 속성값으로 저장되는 항목)
    • 상태/등급 변경 시 즉시 반영되지 않고 저장 버튼으로 확정
    • “탈퇴” 선택 시에도 저장 전까지는 확정 아님(저장 모달에서 최종 확인)
    • 상태/등급 외 필드는 포커스/입력 불가(클릭해도 변화 없음)
4 사용자 구매 내역
  • 해당 사용자의 구매 이력 조회
  • 정렬/표시
    • 기본 정렬: 요청 일시 최신순(DESC)
    • 목록 없을 시: “구매 내역이 없습니다.” 빈 상태
    • no / 작가명 / 작품 카테고리 / 상태 / 담당자 / 요청 일시 / 거래 완료 일시 / 작품 거래 상세(CTA)
  • 행 동작
    • [작품 거래 상세] 클릭 → 거래 관리 > 거래 정보 상세 이동
    • 화면 ID 추후 작성
    • 이동 시 BO-USR-004는 뒤로가기 시 복귀 가능(브라우저 히스토리 기준)
5 사용자 판매 내역
  • 목적: 해당 사용자의 판매 이력 조회
  • 정렬/표시
    • 기본 정렬: 요청 일시 최신순(DESC)
    • 목록 없을 시: “판매 내역이 없습니다.”
    • no / 작가명 / 작품 카테고리 / 상태 / 담당자 / 요청 일시 / 거래 완료 일시 / 작품 거래 상세(CTA)
  • 행 동작
    • [작품 거래 상세] 클릭 → 거래 관리 > 거래 정보 상세 이동
    • 화면 ID 추후 작성
    • 이동 시 BO-USR-004는 뒤로가기 시 복귀 가능(브라우저 히스토리 기준)
6 사용자 작품 문의 내역
  • 목적: 해당 사용자의 작품 문의 이력 조회
  • 정렬/표시
    • 기본 정렬: 조회 일시(또는 문의 일시) 최신순(DESC)
    • 목록 없을 시: “문의 내역이 없습니다.”
    • no / 작가명 / 작품 카테고리 / 상태(문의 상태) / 조회 일시 / 작품 문의 상세 (CTA)
  • 행 동작
    • [상세 내역 바로 가기] 클릭 → 작품 문의 상세 이동
    • 화면 ID 추후 작성
    • 이동 시 BO-USR-004는 뒤로가기 시 복귀 가능(브라우저 히스토리 기준)
7 사용자 찜 목록
  • 해당 사용자의 찜한 작품 목록 조회
  • 정렬/표시
    • 기본 정렬: 찜 등록 일시 최신순(DESC) (일시 컬럼이 없으면 최신순 기준만 유지)
    • 목록 없을 시: “찜한 작품이 없습니다.”
    • no / 작가명 / 작품 카테고리 / 상태 / 조회 일시 / 작품 상세 (CTA)
  • 행 동작
    • [작품 상세] 클릭 → 작품 상세 이동
    • 화면 ID 추후 작성
    • 이동 시 BO-USR-004는 뒤로가기 시 복귀 가능(브라우저 히스토리 기준)
8 사용자 최근 본 작품 목록
  • 해당 사용자의 최근 조회 작품 목록
  • 정렬/표시
    • 기본 정렬: 조회 일시 최신순(DESC)
    • 목록 없을 시: “최근 본 작품이 없습니다.”
    • no / 작가명 / 작품 카테고리 / 상태 / 조회 일시 / 작품 상세 (CTA)
  • 행 동작
    • [작품 상세] 클릭 → 작품 상세 이동
    • 화면 ID 추후 작성
    • 이동 시 BO-USR-004는 뒤로가기 시 복귀 가능(브라우저 히스토리 기준)
9 토스트 메세지 정의
  • 사용자 정보 저장 성공: “사용자 정보가 수정되었습니다.”
  • 사용자 정보 저장 실패: “사용자 정보 수정에 실패했습니다.”
  • 사용자 정보 조회 실패: “사용자 정보를 불러오지 못했습니다.”
  • 존재하지 않는 사용자: “존재하지 않는 사용자입니다.”
10 공통 규칙
  • 변경 조건
    • 3번 영역의 ‘상태/사용자 등급’ 값이 최초 로드 값과 다를 때
    • 뒤로가기(1번), 좌측 메뉴 이동, 브라우저 새로고침/닫기 시도 → 페이지 이동 안내 모달 노출
  • 저장 처리 중 UI
    • 저장 API 호출 시 저장 버튼/드롭다운 중복 클릭 방지(로딩 또는 비활성)

Design Output

UI 디자인 산출물

사용자 상세 페이지의 디자인 토큰 적용. 매우 긴 페이지로 6개 섹션 순차 배치.

사용자 정보 상세
사용자 정보
no, 아이디, 로그인 타입, 상태, 인증, 가입일, 탈퇴일, 마케팅 동의, 광고 수신, 등급, 매체, 이름, 전화번호, 비밀번호
마켓 PR
10 rows: 작품명, 카테고리, 상태, 요청일시, 최종 요청일, 확인/취소
프라이빗 세일
10 rows: 작품명, 카테고리, 상태, 요청일시, 확인일시
문의 PR + 찜 목록 + 거래 기록
각 테이블 10 rows 씩 순차 배치
Applied Design Tokens
요소Token
섹션 타이틀--sans 14px 700Pretendard, --charcoal
정보 테이블 라벨--neutral-95 bgfont-weight 600, width 140px
데이터 테이블 헤더--neutral-95font-size 10px, font-weight 600
링크 텍스트--red-brand확인 취소 / 상세확인
드롭다운 필드--charcoal borderR=0, 직각 스타일
테이블 셀 간격6px 10px paddingborder: var(--alpha-6)
페이지 전체 높이2000px+6개 섹션 순차 배치, 스크롤 필요
Design Description

Update History

2026.02.26초기 디자인 작성
0 화면 접근 조건
  • BO-USR-001(사용자 관리 메인) 사용자 리스트에서 [상세보기] 클릭 시 진입
  • 진입 시 user_id(또는 user_no)를 필수 파라미터로 전달하여 상세 조회
  • 접근 권한: 관리자 계정(백오피스 로그인 완료 상태)만 접근 가능
  • 예외
    • 파라미터 누락/유효하지 않음/조회 결과 없음 → “존재하지 않는 사용자입니다.” 토스트 후 BO-USR-001로 이동(필터 유지)
    • 네트워크/서버 오류 → “데이터 조회에 실패했습니다.” 토스트 후 현재 화면 유지(재시도 가능)
1 뒤로가기 버튼 + 화면 타이틀
  • 구성
    • 좌측: 뒤로가기 아이콘 버튼
    • 타이틀: “사용자 정보 상세”
    • 뒤로가기 클릭 시 기본적으로 BO-USR-001로 이동
    • 단, 변경사항 존재 시 → 페이지 이동 안내 모달 노출
      • 취소 : 모달 닫고 현재 화면 유지
      • 이동 : 변경사항 폐기 후 BO-USR-001로 이동(필터 유지)
2 저장 버튼
  • 기본 상태: 비활성
  • 활성 조건: 3번 영역 내 수정 가능한 필드 값 변경 발생 시 활성
  • 클릭 동작
    • 저장 버튼 클릭 → 사용자 정보 수정 안내 모달 노출
      • 취소 : 모달 닫기(저장 미수행)
      • 수정 : 저장 API 호출
    • 성공: 토스트(9번 정의) 노출 + 변경 해제(저장 버튼 비활성) + 화면 값 최신화
    • 실패: 토스트(9번 정의) 노출 + 현재 입력값 유지 + 저장 버튼 활성 유지(재시도)
3 사용자 상세 정보
  • 단건 사용자 정보 확인 + 일부 상태 관리(활성/정지/탈퇴, 등급)
  • 표시 항목(조회값) 및 편집 가능 여부
    • 읽기 전용(수정 불가)
      • no
      • 아이디(이메일)
      • 로그인 타입(Google/Kakao/Apple/이메일)
        • 이메일 사용자 중 소셜로그인 머지한 케이스는 소셜로그인 타입과 이메일 타입 둘다 표시
      • 구매액 총합(구매 건수)
        • 구매액 단위: 원
        • 판매액 단위: 원
      • 가입 일시
      • 탈퇴 일시(탈퇴 사용자만)
      • 마지막 접속 일시
      • 광고 수신 동의
      • 회원 정보 제공 동의 여부
      • 이름 / 전화번호 / 닉네임 (현재 기획 기준: 관리자가 직접 개인정보를 수정하지 않음)
      • 탈퇴 사유
      • 상태: 활성/정지/탈퇴 (드롭다운)
      • 사용자 등급: 전체/일반/VIP (드롭다운 — 필터가 아니라 사용자 속성값으로 저장되는 항목)
    • 상태/등급 변경 시 즉시 반영되지 않고 저장 버튼으로 확정
    • “탈퇴” 선택 시에도 저장 전까지는 확정 아님(저장 모달에서 최종 확인)
    • 상태/등급 외 필드는 포커스/입력 불가(클릭해도 변화 없음)
4 사용자 구매 내역
  • 해당 사용자의 구매 이력 조회
  • 정렬/표시
    • 기본 정렬: 요청 일시 최신순(DESC)
    • 목록 없을 시: “구매 내역이 없습니다.” 빈 상태
    • no / 작가명 / 작품 카테고리 / 상태 / 담당자 / 요청 일시 / 거래 완료 일시 / 작품 거래 상세(CTA)
  • 행 동작
    • [작품 거래 상세] 클릭 → 거래 관리 > 거래 정보 상세 이동
    • 화면 ID 추후 작성
    • 이동 시 BO-USR-004는 뒤로가기 시 복귀 가능(브라우저 히스토리 기준)
5 사용자 판매 내역
  • 목적: 해당 사용자의 판매 이력 조회
  • 정렬/표시
    • 기본 정렬: 요청 일시 최신순(DESC)
    • 목록 없을 시: “판매 내역이 없습니다.”
    • no / 작가명 / 작품 카테고리 / 상태 / 담당자 / 요청 일시 / 거래 완료 일시 / 작품 거래 상세(CTA)
  • 행 동작
    • [작품 거래 상세] 클릭 → 거래 관리 > 거래 정보 상세 이동
    • 화면 ID 추후 작성
    • 이동 시 BO-USR-004는 뒤로가기 시 복귀 가능(브라우저 히스토리 기준)
6 사용자 작품 문의 내역
  • 목적: 해당 사용자의 작품 문의 이력 조회
  • 정렬/표시
    • 기본 정렬: 조회 일시(또는 문의 일시) 최신순(DESC)
    • 목록 없을 시: “문의 내역이 없습니다.”
    • no / 작가명 / 작품 카테고리 / 상태(문의 상태) / 조회 일시 / 작품 문의 상세 (CTA)
  • 행 동작
    • [상세 내역 바로 가기] 클릭 → 작품 문의 상세 이동
    • 화면 ID 추후 작성
    • 이동 시 BO-USR-004는 뒤로가기 시 복귀 가능(브라우저 히스토리 기준)
7 사용자 찜 목록
  • 해당 사용자의 찜한 작품 목록 조회
  • 정렬/표시
    • 기본 정렬: 찜 등록 일시 최신순(DESC) (일시 컬럼이 없으면 최신순 기준만 유지)
    • 목록 없을 시: “찜한 작품이 없습니다.”
    • no / 작가명 / 작품 카테고리 / 상태 / 조회 일시 / 작품 상세 (CTA)
  • 행 동작
    • [작품 상세] 클릭 → 작품 상세 이동
    • 화면 ID 추후 작성
    • 이동 시 BO-USR-004는 뒤로가기 시 복귀 가능(브라우저 히스토리 기준)
8 사용자 최근 본 작품 목록
  • 해당 사용자의 최근 조회 작품 목록
  • 정렬/표시
    • 기본 정렬: 조회 일시 최신순(DESC)
    • 목록 없을 시: “최근 본 작품이 없습니다.”
    • no / 작가명 / 작품 카테고리 / 상태 / 조회 일시 / 작품 상세 (CTA)
  • 행 동작
    • [작품 상세] 클릭 → 작품 상세 이동
    • 화면 ID 추후 작성
    • 이동 시 BO-USR-004는 뒤로가기 시 복귀 가능(브라우저 히스토리 기준)
9 토스트 메세지 정의
  • 사용자 정보 저장 성공: “사용자 정보가 수정되었습니다.”
  • 사용자 정보 저장 실패: “사용자 정보 수정에 실패했습니다.”
  • 사용자 정보 조회 실패: “사용자 정보를 불러오지 못했습니다.”
  • 존재하지 않는 사용자: “존재하지 않는 사용자입니다.”
10 공통 규칙
  • 변경 조건
    • 3번 영역의 ‘상태/사용자 등급’ 값이 최초 로드 값과 다를 때
    • 뒤로가기(1번), 좌측 메뉴 이동, 브라우저 새로고침/닫기 시도 → 페이지 이동 안내 모달 노출
  • 저장 처리 중 UI
    • 저장 API 호출 시 저장 버튼/드롭다운 중복 클릭 방지(로딩 또는 비활성)
← 이전 화면: BO-USR-003 다음 화면: BO-USR-005 →