관리자 화면 · 백오피스 작품 관리

작품 관리 메인

BO-ART-001 · 2026. 03. 17

화면 이름 작품 관리 메인
화면 위치 백오피스 로그인 진입 > 작품 관리 메뉴 클릭
화면 ID BO-ART-001
작성일 2026. 03. 17
화면 유형 작품 관리 메인 화면 위치 백오피스 로그인 진입 > 작품 관리 메뉴 클릭
화면 ID BO-ART-001 작성일 2026. 02. 26
CHRT.
사용자 관리
사용자 감시
작품 관리
거래 관리
작품 문의 관리
작품 관리
김관리 (관리자) joonyoob.kim@chaart.co
전체
마켓
프라이빗 세일
비공개
이번달 기준 - 20YY.MM
전체 작품수
1,234,567
거래 완성된 작품수
567
거래 미완성된 작품 수
1,234,000
매출 (원)
¥ 70,500,000,000
검색필터
등록일
20YY.MM.DD ~ 20YY.MM.DD
작가명 작가명을 입력해주세요. 카테고리
전체 원화(페인팅) 판화(프린트) 아트토이 기타
상태
활성 문의 중 거래 진행중 배송 중 거래 완료 거래 취소
초기화
조회
작품 리스트 10개씩 보기 ▼
엑셀 다운로드
작품 업로드
대량 업로드
no 작가명 구성 카테고리 사이즈(호) 정산 금액 판매 가격 상태 등록 일시 거래 완성 일시 상세보기
10 김움직임 마켓 원화 100 1,000,000 거래 중 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM 상세보기
9 이동감응 프라이빗 세일 원화(페인팅) 50 10,000,000 거래 완료 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM -
8 박풍경이 비공개 아트토이 10 100,000,000 거래 중 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM 상세보기
7 김지연 홍길화 마켓 기타 100 500,000,000 거래 완료 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM -
6 김지 프라이빗 세일 원화 50 60,000,000,000 거래 중 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM -
5 이번 비공개 판화(프린트) 10 30,000,000 거래 완료 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM 상세보기
4 김지혁 마켓 아트토이 100 40,000,000 거래 중 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM 상세보기
3 홍길옥 프라이빗 세일 기타 50 500,000 거래 완료 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM -
2 작가명이 라함 비공개 원화 10 50,000,000 거래 중 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM -
1 작가명이 이름인사람 마켓 원화(페인팅) 100 20,000,000 거래 완료 20YY. MM. DD HH:MM 20YY. MM. DD HH:MM 상세보기
« 1 2 3 4 5 6 7 8 9 10 »
0
1
2
3
4
5
6
Description
0 화면 접근 조건
  • 백오피스 로그인 완료 상태
  • 작품 관리 메뉴 접근 권한(Role 기반) 보유
    • 조회 권한 필수
    • 업로드 권한 별도 분리 가능
    • 엑셀 요청 권한 별도 분리 가능
  • 최초 진입 시
    • 기본 탭 = 전체
    • 기본 정렬 = 등록일시 DESC
    • 기본 페이지 = 1
    • 기본 페이지 사이즈 = 10
1 GNB
  • 좌측 GNB에서 “작품 관리” 활성 표시
  • 다른 메뉴 클릭 시 즉시 화면 이동
  • 이동 시 LOG 적재
2 헤더
  • 상단 작품 관리 타이틀 영역
  • 우측 상단 로그인 관리자 정보 표시
3 작품 구성 탭 영역
  • 구성
    • 전체
    • 마켓
    • 프라이빗 세일
    • 탭 클릭 시
      • 구성 조건 변경
      • 리스트 재조회
      • 간이 대시보드 데이터 재계산
    • 전체 → 모든 구성 포함
    • 마켓 → 구성 = 마켓
    • 프라이빗 세일 → 구성 = 프라이빗 세일
4 간이 대시보드
  • 상단 표시
    • 이번달 기준 – YYYY.MM
    • 기준 = 서버 기준 현재 월
    • 정의
      • 현재 선택된 탭 조건에 해당하는 전체 작품 수
      • 기간 필터 미적용
      • 삭제되지 않은 작품만 포함
      • 누적 데이터
      • 실시간 COUNT
  • 거래 중 작품수 (월 기준)
    • 정의
      • 현재 월 기준
      • 상태 ∈ {거래 중, 배송 중 등 진행 상태}
      • 해당 월 내 거래 시작일 또는 상태 변경 이력이 존재하는 작품
      • 선택된 탭 조건 반영
      • 월 범위:
        • YYYY.MM.01 00:00:00 ~ YYYY.MM.말일 23:59:59
    • 정의
      • 상태 = 거래 완료
      • 거래 완료 일시가 현재 월에 포함된 작품
      • 선택된 탭 조건 반영
      • 취소 거래 제외
    • 정의
      • 상태 = 거래 완료
      • 거래 완료 일시가 현재 월
      • 정산 금액 합계
      • SUM(정산 금액)
      • 거래 취소 제외
      • 0원 거래 제외 가능
  • 월 기준 데이터 처리 규칙
    • 서버 시간 기준 계산
    • 페이지 로드 시 자동 집계
    • 탭 변경 시 재집계
    • 검색 필터 조건과는 무관
 (대시보드는 월 기준 고정 로직)
5 검색 필터
  • 구성
    • 등록일
      • From ~ To
      • 작품 등록일 기준 검색
      • 부분 일치 검색
    • 카테고리
      • 복수 선택 가능
      • 일반
      • 문의 중
      • 거래 진행 중
      • 배송 중
      • 거래 완료
      • 거래 취소
    • 버튼
      • 초기화
      • 조회
    • 조회 클릭 시
      • 탭 조건 + 검색 조건 결합
      • 리스트 재조회
      • 페이지 1로 이동
      • 모든 검색 조건 제거
      • 기본 리스트 재조회
6 작품 리스트
  • 컬럼
    • no
    • 작가명
    • 구성
    • 카테고리
    • 사이즈
    • 정산 금액
    • 거래 상태
      • 구성
        • 등록/거래진행/거래완료
        • 작품 등록: 작품 등록 시, “작품 등록" 상태
        • 거래 진행: 거래 진행 변경 시, BO-TRN-001(거래 관리 메인) 데이터 적재
          • 거래 진행 상태 변경 시, BO-ART-004 ⑧모달 노출
          • 해당 모달에서 사용자 선택 시, 거래 진행 상태로 변경
      • 승인/비승인
    • 등록 일시
    • 거래 완료 일시
    • 상세보기
    • 보안 정책 적용
    • 동작 순서
      • 상세보기 클릭
      • 비밀번호 재인증 모달 호출
      • 인증 성공 시 작품 상세 화면 이동
      • 실패 시 진입 차단
    • 구성:
      • 페이지 사이즈 선택 (10/50/100/200)
      • 엑셀 다운로드
      • 작품 업로드
      • 대량 업로드
      • 10 / 50 / 100 / 200 중 선택
      • 변경 즉시 리스트 재조회
      • 현재 검색 조건 + 탭 조건 유지
    • 엑셀 다운로드
      • 승인 기반 다운로드 정책
      • 동작
        • 클릭 �� 요청 모달 호출
        • 사유 입력 필수
        • 요청 상태 = 승인 대기
        • 슈퍼 관리자 승인 필요
        • 승인 시 알림 적재
        • 승인 후 다운로드 가능
      • 접근 권한
        • 작품 업로드 권한(Role 기반) 보유 관리자만 버튼 노출
        • 권한이 없을 경우
          • 버튼 미노출 또는 비활성 처리
          • 강제 접근 시 “권한이 없습니다.” 토스트 출력
        • 클릭 시 작품 업로드 화면으로 이동
      • 접근 권한
        • 대량 업로드 권한(Role 기반) 보유 관리자만 버튼 노출
        • 권한이 없을 경우
          • 버튼 미노출 또는 비활성 처리
        • 버튼 클릭
        • 파일 선택 창 호출
        • 업로드 가능 파일 형식
          • .csv 파일만 허용
          • 업로드 차단
          • 토스트: “CSV 파일만 업로드 가능합니다.”
        • CSV 파일 선택
        • 서버 전송
        • 데이터 유효성 검증
          • 필수 컬럼 누락 여부
          • 데이터 형식 오류
          • 중복 작품 여부
          • 오류 내역 표시
          • 등록 미진행
        • 검증 성공 시
          • 작품 일괄 등록
          • 성공 건수 / 실패 건수 표시
7 토스트 메세지 정의
  • 권한 관련
    • “작품 업로드 권한이 없습니다.”
    • “대량 업로드 권한이 없습니다.”
    • “CSV 파일만 업로드 가능합니다.”
    • “파일 검증 중입니다.”
    • “총 {n}건 중 {success}건 등록되었습니다.”
    • “파일 형식이 올바르지 않습니다.”
    • “필수 항목이 누락되었습니다.”
8 공통 규칙
  • 상세보기 진입 정책
    • 모든 작품 상세 진입은 무조건 비밀번호 재인증 필요
    • 즉시 다운로드 금지
    • 요청 → 승인 → 알림 → 다운로드 구조
    • 승인 전 파일 생성 금지
  • LOG 적재 정책
    • 메뉴 진입
    • 상세보기 시도
    • 엑셀 요청
    • 엑셀 승인/반려
    • 엑셀 다운로드 실행
    • 업로드 화면 이동

Design Output

UI 디자인 산출물

위 스토리보드 기획을 CHAART OS 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.

작품 관리
데스크톱 관리자 화면 — 와이어프레임과 동일 구조
토큰 적용 사항은 우측 테이블 참조
Applied Design Tokens
요소Token
전체 배경 --bg #FAFAF8
좌측 사이드바 --sidebar-width 120px, 배경: #fff, 활성: --neutral-95
탭 활성 --red-brand bg #961E23 + 흰 글자
탭 비활성 #fff bg + --charcoal border: var(--alpha-8)
통계 KPI --mono · 20px · 700 TASA Orbiter, --charcoal
검색필터 영역 #fff bg + border var(--alpha-8) border, R=0
데이터 테이블 헤더 --neutral-95 bg font-weight: 600, --charcoal
테이블 본문 --sans · 11px border: var(--alpha-6)
상세보기 링크 --red-brand 클릭 시 BO-ART-002 이동
CTA 버튼 --charcoal / --red-brand R=0, 폰트 11px, padding 6px 14px
페이지네이션 --mono · 11px 활성: --charcoal 700, 비활성: --text-muted
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • 백오피스 로그인 완료 상태
  • 작품 관리 메뉴 접근 권한(Role 기반) 보유
    • 조회 권한 필수
    • 업로드 권한 별도 분리 가능
    • 엑셀 요청 권한 별도 분리 가능
  • 최초 진입 시
    • 기본 탭 = 전체
    • 기본 정렬 = 등록일시 DESC
    • 기본 페이지 = 1
    • 기본 페이지 사이즈 = 10
1 GNB
  • 좌측 GNB에서 “작품 관리” 활성 표시
  • 다른 메뉴 클릭 시 즉시 화면 이동
  • 이동 시 LOG 적재
2 헤더
  • 상단 작품 관리 타이틀 영역
  • 우측 상단 로그인 관리자 정보 표시
3 작품 구성 탭 영역
  • 구성
    • 전체
    • 마켓
    • 프라이빗 세일
    • 탭 클릭 시
      • 구성 조건 변경
      • 리스트 재조회
      • 간이 대시보드 데이터 재계산
    • 전체 → 모든 구성 포함
    • 마켓 → 구성 = 마켓
    • 프라이빗 세일 → 구성 = 프라이빗 세일
4 간이 대시보드
  • 상단 표시
    • 이번달 기준 – YYYY.MM
    • 기준 = 서버 기준 현재 월
    • 정의
      • 현재 선택된 탭 조건에 해당하는 전체 작품 수
      • 기간 필터 미적용
      • 삭제되지 않은 작품만 포함
      • 누적 데이터
      • 실시간 COUNT
  • 거래 중 작품수 (월 기준)
    • 정의
      • 현재 월 기준
      • 상태 ∈ {거래 중, 배송 중 등 진행 상태}
      • 해당 월 내 거래 시작일 또는 상태 변경 이력이 존재하는 작품
      • 선택된 탭 조건 반영
      • 월 범위:
        • YYYY.MM.01 00:00:00 ~ YYYY.MM.말일 23:59:59
    • 정의
      • 상태 = 거래 완료
      • 거래 완료 일시가 현재 월에 포함된 작품
      • 선택된 탭 조건 반영
      • 취소 거래 제외
    • 정의
      • 상태 = 거래 완료
      • 거래 완료 일시가 현재 월
      • 정산 금액 합계
      • SUM(정산 금액)
      • 거래 취소 제외
      • 0원 거래 제외 가능
  • 월 기준 데이터 처리 규칙
    • 서버 시간 기준 계산
    • 페이지 로드 시 자동 집계
    • 탭 변경 시 재집계
    • 검색 필터 조건과는 무관
 (대시보드는 월 기준 고정 로직)
5 검색 필터
  • 구성
    • 등록일
      • From ~ To
      • 작품 등록일 기준 검색
      • 부분 일치 검색
    • 카테고리
      • 복수 선택 가능
      • 일반
      • 문의 중
      • 거래 진행 중
      • 배송 중
      • 거래 완료
      • 거래 취소
    • 버튼
      • 초기화
      • 조회
    • 조회 클릭 시
      • 탭 조건 + 검색 조건 결합
      • 리스트 재조회
      • 페이지 1로 이동
      • 모든 검색 조건 제거
      • 기본 리스트 재조회
6 작품 리스트
  • 컬럼
    • no
    • 작가명
    • 구성
    • 카테고리
    • 사이즈
    • 정산 금액
    • 거래 상태
      • 구성
        • 등록/거래진행/거래완료
        • 작품 등록: 작품 등록 시, “작품 등록" 상태
        • 거래 진행: 거래 진행 변경 시, BO-TRN-001(거래 관리 메인) 데이터 적재
          • 거래 진행 상태 변경 시, BO-ART-004 ⑧모달 노출
          • 해당 모달에서 사용자 선택 시, 거래 진행 상태로 변경
      • 승인/비승인
    • 등록 일시
    • 거래 완료 일시
    • 상세보기
    • 보안 정책 적용
    • 동작 순서
      • 상세보기 클릭
      • 비밀번호 재인증 모달 호출
      • 인증 성공 시 작품 상세 화면 이동
      • 실패 시 진입 차단
    • 구성:
      • 페이지 사이즈 선택 (10/50/100/200)
      • 엑셀 다운로드
      • 작품 업로드
      • 대량 업로드
      • 10 / 50 / 100 / 200 중 선택
      • 변경 즉시 리스트 재조회
      • 현재 검색 조건 + 탭 조건 유지
    • 엑셀 다운로드
      • 승인 기반 다운로드 정책
      • 동작
        • 클릭 �� 요청 모달 호출
        • 사유 입력 필수
        • 요청 상태 = 승인 대기
        • 슈퍼 관리자 승인 필요
        • 승인 시 알림 적재
        • 승인 후 다운로드 가능
      • 접근 권한
        • 작품 업로드 권한(Role 기반) 보유 관리자만 버튼 노출
        • 권한이 없을 경우
          • 버튼 미노출 또는 비활성 처리
          • 강제 접근 시 “권한이 없습니다.” 토스트 출력
        • 클릭 시 작품 업로드 화면으로 이동
      • 접근 권한
        • 대량 업로드 권한(Role 기반) 보유 관리자만 버튼 노출
        • 권한이 없을 경우
          • 버튼 미노출 또는 비활성 처리
        • 버튼 클릭
        • 파일 선택 창 호출
        • 업로드 가능 파일 형식
          • .csv 파일만 허용
          • 업로드 차단
          • 토스트: “CSV 파일만 업로드 가능합니다.”
        • CSV 파일 선택
        • 서버 전송
        • 데이터 유효성 검증
          • 필수 컬럼 누락 여부
          • 데이터 형식 오류
          • 중복 작품 여부
          • 오류 내역 표시
          • 등록 미진행
        • 검증 성공 시
          • 작품 일괄 등록
          • 성공 건수 / 실패 건수 표시
7 토스트 메세지 정의
  • 권한 관련
    • “작품 업로드 권한이 없습니다.”
    • “대량 업로드 권한이 없습니다.”
    • “CSV 파일만 업로드 가능합니다.”
    • “파일 검증 중입니다.”
    • “총 {n}건 중 {success}건 등록되었습니다.”
    • “파일 형식이 올바르지 않습니다.”
    • “필수 항목이 누락되었습니다.”
8 공통 규칙
  • 상세보기 진입 정책
    • 모든 작품 상세 진입은 무조건 비밀번호 재인증 필요
    • 즉시 다운로드 금지
    • 요청 → 승인 → 알림 → 다운로드 구조
    • 승인 전 파일 생성 금지
  • LOG 적재 정책
    • 메뉴 진입
    • 상세보기 시도
    • 엑셀 요청
    • 엑셀 승인/반려
    • 엑셀 다운로드 실행
    • 업로드 화면 이동
← 이전 화면: PRS-004 다음 화면: BO-ART-002 →