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

작품 업로드

BO-ART-003 · 2026. 03. 04

화면 이름 작품 관리 메인 - 작품 업로드

화면 위치 백오피스 로그인 진입 > 작품 관리 메뉴 클릭 > 작품 업로드

화면 ID BO-ART-003

작성일 2026. 02. 26

화면 이름 작품 관리 메인 - 작품 업로드 화면 위치 백오피스 로그인 진입 > 작품 관리 메뉴 클릭 > 작품 업로드

화면 ID BO-ART-003 작성일 2026. 02. 26

CHRT.

사용자 관리

사용자 감시

작품 관리

거래 관리

작품 문의 관리

● 작품 관리

< 작품 업로드 1

작가명

작가명을 입력해주세요.

구성

-▼

카테고리

-▼

도상

-▼

사이즈(호)

(cm)

정산 금액(원)

가격을 입력해주세요.

작품명

작품명을 입력해주세요.

재료

재료를 입력해주세요.

제작 연도

-년

구성품

보증서 - - 액자 - -

작품 등급

-▼

작품 설명

작품 설명을 입력해주세요.

작품 이미지

작품 이미지 업로드

* 최소 1장, 최대 5장까지 업로드 가능합니다.

* jpeg, jpg, bmp, png 파일만 가능합니다.

보증서

보증서 업로드

* pdf, jpeg, jpg, bmp, png 파일만 가능합니다.

등록한 사용자

-▼

작가 서명 유무

-▼

취소

작품 업로드 하기

Description

0	화면 접근 조건	BO-ART-001(작품 관리 메인)의 [작품 업로드] 버튼 클릭 시 진입 백오피스 로그인 상태에서만 접근 가능 관리자 권한 필요
1	뒤로가기 버튼 / 헤더	구성 < 뒤로가기: 작품 업로드 뒤로가기 클릭 시 BO-ART-001로 이동 동작 뒤로가기 클릭 시 이전 화면(BO-ART-001)으로 이동 입력 중인 데이터가 있을 경우 페이지 이동 안내 모달(BO-ART-004 #7) 노출
2	작품 등록 폼 필드	필수 입력 필드 작가명: 텍스트 입력 / 자동완성 검색 구성: 드롭다운 (마켓/프라이빗 세일/비공개) 카테고리: 드롭다운 (원화/판화/아트토이/기타) 사이즈(호): 숫자 입력 + cm 자동 변환 정산 금액(원): 숫자 입력 작품 이미지: 최소 1장 필수 선택 입력 필드 도상, 작품명, 재료, 제작 연도 구성품(보증서/액자), 작품 등급 작품 설명, 보증서 등록한 사용자, 작가 서명 유무 작품 이미지 업로드 규칙 최소 1장, 최대 5장 jpeg, jpg, bmp, png 파일만 가능 이 밖의 파일 업로드 시 에러 안내 토스트 노출 보증서 업로드 pdf, jpeg, jpg, bmp, png 파일만 가능
3	취소 버튼	클릭 시: 작품 등록 취소 안내 모달(BO-ART-004 #6) 노출 취소 확인 시 입력 데이터 초기화 + 이전 화면(BO-ART-001) 이동
4	작품 업로드 하기 버튼	클릭 시: 필수 입력값 유효성 검사 유효성 통과 시 작품 정보 등록 안내 모달(BO-ART-004 #5) 노출 등록 확인 시 서버에 데이터 전송 후 BO-ART-001로 이동 유효성 실패 시 미입력 필드 하이라이트 + 토스트 에러 메시지 노출
5	토스트 메시지 정의	"값을 입력해주세요." "등록/가입" "구성을 선택해주세요." "사이즈(호)는 숫자만 입력할 수 있습니다." "가격 입력은 숫자만 가능합니다." "작품 이미지는 최소 1장 필수 업로드해야 합니다." "구성품에 업로드하세요." 등: "작품이 등록되었습니다. 다시 시도해주세요."
6	공통 규칙	변경사항이 있을 경우 뒤로가기 시 이동 안내모달 노출 작품 업로드 완료 시 작품 리스트(BO-ART-001)에 즉시 반영 작품 등록 후 해당 작품의 상세보기(BO-ART-002) 진입 가능

Design Output

UI 디자인 산출물

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

작품 업로드

데스크톱 관리자 화면 — 와이어프레임과 동일 구조
토큰 적용 사항은 우측 테이블 참조

Applied Design Tokens

요소	Token	값
폼 라벨	`--neutral-95` bg	140px width, font-weight 600
입력 필드	`--sans` · 12px	placeholder: `--text-muted`
드롭다운	border rgba(0,0,0,0.12)	R=0, 11px font
업로드 버튼	`--charcoal` bg	#fff text, R=0, 12px
취소 버튼	#fff + border	rgba(0,0,0,0.12), R=0
작품 업로드 하기	`--charcoal` bg	#fff text, R=0, 13px
안내 텍스트	`--text-muted`	10px, *로 시작

Design Description

Update History

2026.03.04초기 디자인 작성

0	화면 접근 조건	BO-ART-001(작품 관리 메인)의 [작품 업로드] 버튼 클릭 시 진입 백오피스 로그인 상태에서만 접근 가능 관리자 권한 필요
1	뒤로가기 버튼 / 헤더	구성 < 뒤로가기: 작품 업로드 뒤로가기 클릭 시 BO-ART-001로 이동 동작 뒤로가기 클릭 시 이전 화면(BO-ART-001)으로 이동 입력 중인 데이터가 있을 경우 페이지 이동 안내 모달(BO-ART-004 #7) 노출
2	작품 등록 폼 필드	필수 입력 필드 작가명: 텍스트 입력 / 자동완성 검색 구성: 드롭다운 (마켓/프라이빗 세일/비공개) 카테고리: 드롭다운 (원화/판화/아트토이/기타) 사이즈(호): 숫자 입력 + cm 자동 변환 정산 금액(원): 숫자 입력 작품 이미지: 최소 1장 필수 선택 입력 필드 도상, 작품명, 재료, 제작 연도 구성품(보증서/액자), 작품 등급 작품 설명, 보증서 등록한 사용자, 작가 서명 유무 작품 이미지 업로드 규칙 최소 1장, 최대 5장 jpeg, jpg, bmp, png 파일만 가능 이 밖의 파일 업로드 시 에러 안내 토스트 노출 보증서 업로드 pdf, jpeg, jpg, bmp, png 파일만 가능
3	취소 버튼	클릭 시: 작품 등록 취소 안내 모달(BO-ART-004 #6) 노출 취소 확인 시 입력 데이터 초기화 + 이전 화면(BO-ART-001) 이동
4	작품 업로드 하기 버튼	클릭 시: 필수 입력값 유효성 검사 유효성 통과 시 작품 정보 등록 안내 모달(BO-ART-004 #5) 노출 등록 확인 시 서버에 데이터 전송 후 BO-ART-001로 이동 유효성 실패 시 미입력 필드 하이라이트 + 토스트 에러 메시지 노출
5	토스트 메시지 정의	"값을 입력해주세요." "등록/가입" "구성을 선택해주세요." "사이즈(호)는 숫자만 입력할 수 있습니다." "가격 입력은 숫자만 가능합니다." "작품 이미지는 최소 1장 필수 업로드해야 합니다." "구성품에 업로드하세요." 등: "작품이 등록되었습니다. 다시 시도해주세요."
6	공통 규칙	변경사항이 있을 경우 뒤로가기 시 이동 안내모달 노출 작품 업로드 완료 시 작품 리스트(BO-ART-001)에 즉시 반영 작품 등록 후 해당 작품의 상세보기(BO-ART-002) 진입 가능

← 이전 화면: BO-ART-002 다음 화면: BO-ART-004 →