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

작품 업로드

BO-ART-003 · 2026. 02. 26

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

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

화면 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	화면 접근 조건	진입 경로: 백오피스 로그인 > 좌측 메뉴 [작품 관리] > [작품 업로드] 버튼 클릭 권한 조건 작품 업로드 권한 보유 관리자만 접근 가능 권한 없는 사용자가 메뉴/URL 직접 접근 시 접근 차단 권한 없음: 목록/페이지 노출 없이 이전 화면 유지(또는 권한 안내 페이지) + 토스트 노출 세션 만료: 로그인 페이지로 이동 + 토스트 노출
1	뒤로가기 버튼 + 화면 타이틀	구성 좌측: 뒤로가기 아이콘(<) 타이틀: “작품 업로드” 뒤로가기 클릭 시 이전 화면(BO-ART-001 작품 관리 메인) 으로 이동 예외/검증 입력값이 1개라도 존재(Dirty)하는 상태에서 뒤로가기 클릭 시  → 페이지 이동 안내 모달(입력된 정보가 있습니다. 이동하시겠습니까?) 노출 [취소] 클릭: 모달 닫기(현 화면 유지) [이동] 클릭: 입력값 폐기 후 이전 화면 이동
2	작품 등록 세부 내용	작가명 검색 선택 작가 관리에 등록된 작가 목록 노출 한글명만 표시/저장 (영문명은 이 화면에 노출하지 않음) 필수 드롭다운 선택 선택 옵션: 마켓/프라이빗 세일/비공개 필수 카테고리 드롭다운 선택 선택 옵션: 원화 / 판화(리미티드) / 판화(오픈) / 아트토이 / 기타 필수 드롭다운 선택 작가 관리에서 등록된 도상 리스트가 노출되는 구조 선택값 없음(미선택) 허용 사이즈(cm) 숫자만 입력 문자/특수문자 입력 불가(입력 차단) 원화/판화 필수 아트토이/기타 선택사항 숫자만 입력(콤마 표기) 필수 작품명 텍스트 입력 빈값 허용 빈값으로 저장된 경우 서비스/백오피스 노출 명칭은 “무제”로 표시 텍스트 입력(복수 재료 입력 가능 형태) 선택(빈값 허용) 제작 연도 클릭 시 캘린더 UI 노출 연/월(YYYY.MM)만 선택 저장 직접 타이핑 불가 선택 구성품 항목은 보증서/액자 개념 이 화면에서 실질 입력은 액자 유무만 선택 (있음/없음) 보증서는 아래 별도 업로드 영역에서 처리 작품 설명 텍스트(멀티라인) 입력 선택(빈값 허용) 이미지 업로드(파일 선택) 최소 1장 ~ 최대 5장 대표 이미지가 “첫 번째 이미지”로 오도록 정렬/저장(첫 슬롯이 대표) 허용 확장자: 화면 표기 기준 보증서 파일 업로드(필수) 보증서가 없으면 작품 등록 불가 허용 확장자: 화면 표기 기준 사용자 아이디 입력 및 선택 메인 홈 노출 체크박스 지금 주목할 작품 컬렉터들의 선택 체크 시, 사용자 홈(HOM) 영역 및 해당 기획전(HOM-005) 영역에 노출 작품 등록 일시순으로 노출 본 화면의 데이터는 [작품 업로드 하기] 버튼 클릭 시점에 “한 번에” 등록 처리 이미지/보증서 파일도 버튼 클릭 시점에 함께 업로드되는 구조(임시 저장 없음)
3	취소 버튼	위치/역할 하단 좌측 [취소] 입력값이 없는 상태 즉시 이전 화면(BO-ART-001) 이동 [취소] → 모달 닫기 [이동] → 입력값 폐기 후 이전 화면 이동
4	작품 업로드 하기 버튼	위치/역할 하단 우측 [작품 업로드 하기] 필수값 검증 작가명 / 구성 / 카테고리 / 사이즈(호) / 정산금액 / 작품이미지(1장 이상) / 보증서 작품 이미지 1~5장 범위 보증서 파일 존재 여부 검증 통과 시 이미지 + 보증서 + 텍스트/선택값을 동일 요청(트랜잭션 단위)로 등록 토스트 노출 후 BO-ART-001(작품 관리 메인)로 이동 예외 업로드/등록 중 실패 시: 등록 실패 토스트 + 현 화면 유지(입력값 유지) 파일 업로드 실패 시: 등록 실패로 처리(부분 저장 없음)
5	토스트 메세지 정의	권한/접근 “접근 권한이 없습니다.” “세션이 만료되었습니다. 다시 로그인해주세요.” “작가를 선택해주세요.” “구성을 선택해주세요.” “카테고리를 선택해주세요.” “사이즈(호)는 숫자만 입력할 수 있습니다.” “정산 금액은 숫자만 입력할 수 있습니다.” “작품 이미지는 최소 1장 이상 등록해주세요.” “작품 이미지는 최대 5장까지 등록할 수 있습니다.” “보증서를 업로드해주세요.” 등록 결과 성공: “작품이 등록되었습니다.” 실패: “작품 등록에 실패했습니다. 다시 시도해주세요.”
6	공통 규칙	변경상태 이동 방지 뒤로가기/취소 등 페이지 이동 시 입력값 존재하면 페이지 이동 안내 모달을 우선 노출 작품 등록은 [작품 업로드 하기] 클릭 1회로 처리 이미지/보증서 업로드 실패 시 작품 등록은 완료 처리하지 않음 로그 적재(Backoffice-LOG기록) 작품 업로드 화면 진입(권한 성공/실패 포함) 작품 등록 시도/성공/실패

Design Output

UI 디자인 산출물

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

작품 업로드

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

Applied Design Tokens

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

Design Description

Update History

2026.03.04초기 디자인 작성

0	화면 접근 조건	진입 경로: 백오피스 로그인 > 좌측 메뉴 [작품 관리] > [작품 업로드] 버튼 클릭 권한 조건 작품 업로드 권한 보유 관리자만 접근 가능 권한 없는 사용자가 메뉴/URL 직접 접근 시 접근 차단 권한 없음: 목록/페이지 노출 없이 이전 화면 유지(또는 권한 안내 페이지) + 토스트 노출 세션 만료: 로그인 페이지로 이동 + 토스트 노출
1	뒤로가기 버튼 + 화면 타이틀	구성 좌측: 뒤로가기 아이콘(<) 타이틀: “작품 업로드” 뒤로가기 클릭 시 이전 화면(BO-ART-001 작품 관리 메인) 으로 이동 예외/검증 입력값이 1개라도 존재(Dirty)하는 상태에서 뒤로가기 클릭 시  → 페이지 이동 안내 모달(입력된 정보가 있습니다. 이동하시겠습니까?) 노출 [취소] 클릭: 모달 닫기(현 화면 유지) [이동] 클릭: 입력값 폐기 후 이전 화면 이동
2	작품 등록 세부 내용	작가명 검색 선택 작가 관리에 등록된 작가 목록 노출 한글명만 표시/저장 (영문명은 이 화면에 노출하지 않음) 필수 드롭다운 선택 선택 옵션: 마켓/프라이빗 세일/비공개 필수 카테고리 드롭다운 선택 선택 옵션: 원화 / 판화(리미티드) / 판화(오픈) / 아트토이 / 기타 필수 드롭다운 선택 작가 관리에서 등록된 도상 리스트가 노출되는 구조 선택값 없음(미선택) 허용 사이즈(cm) 숫자만 입력 문자/특수문자 입력 불가(입력 차단) 원화/판화 필수 아트토이/기타 선택사항 숫자만 입력(콤마 표기) 필수 작품명 텍스트 입력 빈값 허용 빈값으로 저장된 경우 서비스/백오피스 노출 명칭은 “무제”로 표시 텍스트 입력(복수 재료 입력 가능 형태) 선택(빈값 허용) 제작 연도 클릭 시 캘린더 UI 노출 연/월(YYYY.MM)만 선택 저장 직접 타이핑 불가 선택 구성품 항목은 보증서/액자 개념 이 화면에서 실질 입력은 액자 유무만 선택 (있음/없음) 보증서는 아래 별도 업로드 영역에서 처리 작품 설명 텍스트(멀티라인) 입력 선택(빈값 허용) 이미지 업로드(파일 선택) 최소 1장 ~ 최대 5장 대표 이미지가 “첫 번째 이미지”로 오도록 정렬/저장(첫 슬롯이 대표) 허용 확장자: 화면 표기 기준 보증서 파일 업로드(필수) 보증서가 없으면 작품 등록 불가 허용 확장자: 화면 표기 기준 사용자 아이디 입력 및 선택 메인 홈 노출 체크박스 지금 주목할 작품 컬렉터들의 선택 체크 시, 사용자 홈(HOM) 영역 및 해당 기획전(HOM-005) 영역에 노출 작품 등록 일시순으로 노출 본 화면의 데이터는 [작품 업로드 하기] 버튼 클릭 시점에 “한 번에” 등록 처리 이미지/보증서 파일도 버튼 클릭 시점에 함께 업로드되는 구조(임시 저장 없음)
3	취소 버튼	위치/역할 하단 좌측 [취소] 입력값이 없는 상태 즉시 이전 화면(BO-ART-001) 이동 [취소] → 모달 닫기 [이동] → 입력값 폐기 후 이전 화면 이동
4	작품 업로드 하기 버튼	위치/역할 하단 우측 [작품 업로드 하기] 필수값 검증 작가명 / 구성 / 카테고리 / 사이즈(호) / 정산금액 / 작품이미지(1장 이상) / 보증서 작품 이미지 1~5장 범위 보증서 파일 존재 여부 검증 통과 시 이미지 + 보증서 + 텍스트/선택값을 동일 요청(트랜잭션 단위)로 등록 토스트 노출 후 BO-ART-001(작품 관리 메인)로 이동 예외 업로드/등록 중 실패 시: 등록 실패 토스트 + 현 화면 유지(입력값 유지) 파일 업로드 실패 시: 등록 실패로 처리(부분 저장 없음)
5	토스트 메세지 정의	권한/접근 “접근 권한이 없습니다.” “세션이 만료되었습니다. 다시 로그인해주세요.” “작가를 선택해주세요.” “구성을 선택해주세요.” “카테고리를 선택해주세요.” “사이즈(호)는 숫자만 입력할 수 있습니다.” “정산 금액은 숫자만 입력할 수 있습니다.” “작품 이미지는 최소 1장 이상 등록해주세요.” “작품 이미지는 최대 5장까지 등록할 수 있습니다.” “보증서를 업로드해주세요.” 등록 결과 성공: “작품이 등록되었습니다.” 실패: “작품 등록에 실패했습니다. 다시 시도해주세요.”
6	공통 규칙	변경상태 이동 방지 뒤로가기/취소 등 페이지 이동 시 입력값 존재하면 페이지 이동 안내 모달을 우선 노출 작품 등록은 [작품 업로드 하기] 클릭 1회로 처리 이미지/보증서 업로드 실패 시 작품 등록은 완료 처리하지 않음 로그 적재(Backoffice-LOG기록) 작품 업로드 화면 진입(권한 성공/실패 포함) 작품 등록 시도/성공/실패

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