관리자 화면 · 백오피스 작품 관리
작품 관리 상세보기
BO-ART-002 · 2026. 03. 17
화면 이름 작품 관리 - 상세보기 화면 위치 작품 관리 > 상세 > 상세보기 클릭
화면 ID BO-ART-002
CHRT.
사용자 관리
사용자 감시
작품 관리
거래 관리
작품 문의 관리
● 작품 관리
< 작품 상세보기
기본 > 기본
이미지 정보
판매 가격
상세 가격
작품 설명
작품에 대한 설명이 들어갑니다. 작품은 드넓은 자연 안에서의 내면의 이야기를 그려냅니다. 작가는 색채와 형태의 조화를 통해 관객에게 사유의 시간을 선물합니다.
보증서 이미지
certificate001.jpg
1
2
3
4
5
| 0 | 화면 접근 조건 | - 진입 경로: 백오피스 로그인 > 좌측 메뉴 [작품 관리] > [상세보기] 버튼 클릭
- 권한 조건
- 상세보기 권한 보유 관리자만 접근 가능
- 권한 없는 사용자가 메뉴/URL 직접 접근 시 접근 차단
- 권한 없음: 목록/페이지 노출 없이 이전 화면 유지(또는 권한 안내 페이지) + 토스트 노출
- 세션 만료: 로그인 페이지로 이동 + 토스트 노출
|
| 1 | 뒤로가기 버튼 + 화면 타이틀 | - 구성
- 좌측: 뒤로가기 아이콘 버튼
- 타이틀: “작품 정보 상세”
- 뒤로가기 클릭 시 기본적으로 BO-ART-001로 이동
- 단, 변경사항 존재 시 → 페이지 이동 안내 모달 노출
- 취소 : 모달 닫고 현재 화면 유지
- 이동 : 변경사항 폐기 후 BO-ART-001로 이동(필터 유지)
|
| 2 | 작품 정보 url 복사 버튼 | - 서비스 사용자 화면에서 해당 작품 상세 페이지로 직접 연결 가능하도록 URL 제공
- 배너 관리 / 알림/푸쉬 관리 등록 시 붙여넣기 용도
- 동작
- 클릭 시
- 해당 작품의 서비스 URL 자동 생성
- 클립보드 복사 처리
- 토스트: “작품 URL이 복사되었습니다.”
- URL 생성 실패 시:
|
| 3 | 저장 버튼 | - 기본 상태: 비활성
- 활성 조건: 4번 영역 내 수정 가능한 필드 값 변경 발생 시 활성
- 클릭 동작
- 저장 버튼 클릭 → 사용자 정보 수정 안내 모달 노출
- 취소 : 모달 닫기(저장 미수행)
- 수정 : 저장 API 호출
- 성공: 토스트(9번 정의) 노출 + 변경 해제(저장 버튼 비활성) + 화면 값 최신화
- 실패: 토스트(9번 정의) 노출 + 현재 입력값 유지 + 저장 버튼 활성 유지(재시도)
|
| 4 | 작품 정보 상세 내용 | - 작품 식별 및 집계 정보
- no
- 구성
- 작품 고유 식별 번호 (PK)
- 숫자 형태로 표시
- 읽기 전용 (수정 불가)
- 화면 진입 시 DB에서 조회된 값을 그대로 표시
- 클릭/편집 기능 없음
- 예외
- 값이 존재하지 않을 경우 화면 진입 불가 (상세 접근 차단)
- 구성
- 서비스 사용자 기준 작품 상세 조회 횟수
- 숫자 표시
- 읽기 전용
- 사용자 서비스에서 작품 상세 진입 시 증가
- 백오피스에서는 수정 불가
- 화면 진입 시 집계 값 조회 후 표시
- 예외
- 음수 값 불가
- 집계 실패 시 0 또는 마지막 정상값 표시
- 백오피스 내 변경 불가
- 서비스 측 집계 로직에서 관리
- 구성
- 해당 작품에 대해 생성된 문의 건수
- 숫자 표시
- 읽기 전용
- 사용자 문의 등록 시 자동 증가
- 백오피스에서 직접 수정 불가
- 예외
- 삭제된 문의는 집계 제외 여부 정책에 따름
- 값 불일치 발생 시 재집계 배치 필요
- 찜수
- 구성
- 해당 작품을 찜한 사용자 수
- 숫자 표시
- 읽기 전용
- 사용자 찜 등록/해제 시 자동 반영
- 백오피스 수정 불가
- 예외
- 중복 찜 불가 (사용자 단위 1회)
- 계정 탈퇴 시 집계 포함 여부 정책에 따름
- 구성
- 공유 버튼 클릭 횟수 집계 값
- 숫자 표시
- 읽기 전용
- 서비스 화면에서 공유 기능 실행 시 증가
- 백오피스 수정 불가
- 예외
- 동일 사용자 반복 공유 집계 방식은 서비스 정책에 따름
- 값 0일 경우 “0”으로 표시 (NULL 표시 금지)
- 노출/형태
- 입력필드가 아닌 선택(검색형) 형태로 제공
- 한글 작가명만 노출
- 영문 작가명은 본 화면에서 표시하지 않음
- 관리자 선택 시, 선택된 작가의 작가ID를 작품에 매핑하고 화면에는 한글명만 표시
- 작가 변경이 발생하면, 도상 드롭다운박스(작가 관리 등록 리스트 연동)은 선택된 작가 기준으로 옵션을 재로딩
- 등록된 작가가 없을 경우, 직접 입력 선택하여 입력
- 예외/제한
- 등록된 작가가 없을 경우, 직접 입력 선택하여 입력
- 노출/형태
- 동작
- 관리자 선택 시 화면에 즉시 반영(표시값 변경)
- 저장 버튼 클릭 전까지는 DB 미반영(저장 상태 X)
- 허용되지 않은 값(고정 옵션 외)은 저장 불가
- 카테고리
- 노출/형태
- 원화 / 판화(리미티드) / 판화(오픈) / 아트토이 / 기타
- 동작
- 관리자 선택 시 화면에 즉시 표시 반영(선택값 변경)
- 저장 버튼 클릭 전까지는 DB 미반영(저장 상태 X)
- 작품 관리 메인 화면의 카테고리 필터 옵션과 동일한 기준으로 동작
- 고정 옵션 외 값은 저장 불가
- 카테고리 미선택 상태로 저장 불가(필수 여부는 정책에 따라 적용)
- 구성
- 단일 선택 드롭다운 박스
- 옵션은 작가 관리에서 등록된 도상 리스트와 연동
- 현재 선택된 작가 기준으로 도상 목록 조회
- 작가 선택/변경 시:
- 해당 작가의 도상 목록으로 드롭다운 옵션 재로딩
- 화면 표시값 변경
- 변경 상태 발생
- 저장 전까지 DB 반영되지 않음
- 예외
- 선택된 작가에 등록된 도상이 없는 경우:
- 드롭다운 비활성
- “등록된 도상이 없습니다.” 안내 문구 표시
- 작가 변경 시 기존 도상 값이 유효하지 않으면 자동 초기화
- 구성
- 숫자 입력 필드
- 가로*세로 : 원화, 판화
- 가로*세로*높이 : 아트토이, 기타
- 숫자(0~9)만 입력 가능
- 문자 입력 불가
- 특수문자 입력 불가
- 소수점 입력 불가
- 음수 입력 불가
- 공백 입력 불가
- 동작
- 숫자 외 입력 시 키 입력 단계에서 차단
- 붙여넣기 시 숫자 외 값 자동 제거
- 값 변경 시 변경 상태 발생
- 0 이하 값 저장 불가 (정책 적용 시)
- 비정상 형식 저장 차단
- 토스트
- 구성
- 숫자 입력 필드
- 단위: 원
- 천 단위 콤마 자동 적용
- 숫자만 입력 가능
- 음수 입력 불가
- 문자 입력 불가
- 동작
- 값 변경 시 변경 발생
- 저장 전까지 DB 반영 안 됨
- 월 매출 집계 재계산 대상
- 거래 완료 작품일 경우 매출 합계에 반영
- 예외
- 숫자 외 입력 시 차단
- 저장 실패 시 이전 값 유지
- 구성
- 단일 선택 드롭다운 박스 제공
- 구매 사용자 검색 입력창 제공
- 동작
- 작품 등록 상태
- 작품이 등록되고 난 상태
- 구매 사용자 검색입력필드 비활성화
- 거래 진행 변경 시, 구매 사용자 검색입력필드 활성화
- 사용자 선택 후, 저장 버튼 클릭 시, BO-TRN-001 거래 관리 메인 데이터 적재
- 거래 완료 상태
- BO-TRN-001 거래 관리 메인에서 거래 완료 처리 시, 작품 관리에도 거래 완료 처리
- 거래 완료된 거래 상태에서는 드롭다운 박스 비활성화
- 구성
- 동작
- 관리자 선택 시 화면에 즉시 표시 반영(선택값 변경)
- 저장 버튼 클릭 전까지는 DB 미반영(저장 상태 X)
- 작품 관리 메인 화면의 상태 옵션과 동일한 기준으로 동작
- 작품명
- 구성
- 단일 텍스트 입력 필드
- 등록 시 입력된 작품명 표시
- 기본값: 저장된 작품명 (없을 경우 빈값)
- 관리자 수정 가능
- 값 변경 시 변경 상태 발생
- 저장 버튼 클릭 시 DB 반영
- 입력 규칙
- 빈값 허용 (필수 아님)
- 공백만 입력한 경우 → 저장 시 빈값으로 처리
- 최대 글자 수 제한 적용 (예: 100자)
- HTML 태그 입력 불가 (XSS 필터링)
- 작품명이 빈값(NULL 또는 "")일 경우:
- 서비스 사용자 화면에서 “무제”로 표시
- 백오피스 화면에서는 빈값 그대로 표시
- 예외
- 저장 시 형식 오류 발생 시 저장 차단
- 저장 실패 시 이전 값 유지
- 저장 완료 시 즉시 서비스 상세 페이지 반영
- 작품명 미입력 작품은 사용자 화면에서 “무제”로 자동 치환 표시
- 구성
- 단일 텍스트 입력 필드
- 등록 시 입력된 재료 정보 표시
- 관리자 수정 가능
- 쉼표 구분 다중 재료 입력 가능
- 변경 발생
- 입력 규칙
- 작품 상세 페이지 “재료” 항목에 노출
- 검색 필터에 포함될 수 있음 (정책에 따름)
- 제작연도
- 구성
- 입력필드 + 캘린더 버튼(아이콘)
- 선택 단위: 년도 + 월(YYYY.MM)
- 직접 타이핑 입력은 불가(또는 제한)하고 캘린더 선택을 기본으로 한다.
- 제작연도 필드 클릭(또는 캘린더 아이콘 클릭) 시
- 값 변경 시 Dirty 상태 발생 → 저장 버튼 활성
- 저장 전까지 DB 반영되지 않음
- 예외
- 미래 연/월 선택 불가
- 캘린더에서 값 선택 없이 닫으면 기존 값 유지
- (초기값 없음 상태) 미선택 상태로 저장 가능 여부는 정책에 따름 (기본: 저장 가능)
- 구성
- 구성품 항목은 아래 2개 요소로 구성됨
- 보증서: 파일 업로드/첨부 상태(필수)
- 액자 유무: 단일 선택
- 액자 유무 선택 시:
- 선택값 즉시 반영(표시값 변경)
- 변경 상태 발생 → 저장 버튼 활성
- 저장 전까지 DB 반영되지 않음
- 보증서 파일이 없는 경우:
- 작품 등록(신규) 시 등록 불가
- 작품 상세 수정/저장 시도 시에도 보증서가 제거되어 “없음” 상태라면 저장 차단
- 토스트: “보증서는 필수 첨부 항목입니다.”
- 등급 값
- 단일 선택 드롭다운
- 관리자 전용 수정 가능 필드
- 등급 값은 사전 정의된 ENUM 기준 사용
- 동작
- 등급 선택 시
- 화면 표시값 즉시 변경
- 변경 상태 발생
- 저장 버튼 활성
- 작품 리스트 화면 정렬/필터 조건에 반영 가능
- 사용자단 노출 여부 또는 강조 표시 정책에 영향 가능
- 예외
- 구성
- 장문 텍스트 입력 영역 (Textarea )
- 등록 시 입력된 설명 표시
- 관리자 수정 가능
- 내용 변경 시 변경 상태 발생
- 저장 전까지 DB 반영되지 않음
- 저장 시 서비스 상세 페이지에 즉시 반영
- 예외
- 빈값 허용 여부는 정책에 따름 (기본: 허용)
- 저장 실패 시 이전 값 유지
- 기본 규칙
- 이미지 최소 1장, 최대 5장
- 첫 번째 이미지 = 대표 이미지
- 대표 이미지는 서비스 썸네일 및 리스트 노출 기준
- 사용자가 작품 등록 화면에서 특정 이미지를 “대표 이미지”로 선택한 경우
- 백오피스 표시 방식
- 백오피스 상세 화면 진입 시
- 사용자가 지정한 대표 이미지 → 이미지 리스트의 첫 번째 위치로 정렬하여 표시
- 즉, 대표 이미지 = 항상 index 0
- DB에 대표 이미지 여부 필드가 존재하는 경우
- 대표 이미지 flag = true 인 이미지 → 목록 최상단으로 정렬
- 동작
- 관리자가 이미지 순서를 변경하여
- 다른 이미지를 첫 번째 위치로 이동시키는 경우
- 해당 이미지가 대표 이미지로 변경됨
- 첫 번째 이미지의 대표 이미지 flag = true
- 나머지 이미지 flag = false 로 업데이트
- 예외 처리
- 대표 이미지가 없는 상태로 저장 불가
- 대표 이미지 flag가 2개 이상인 경우
- 서버 저장 단계에서 자동 보정
- 첫 번째 이미지만 true 처리
- 서비스 작품 리스트 썸네일은 대표 이미지 기준
- 상세 페이지 첫 이미지도 대표 이미지 기준
- 구성
- 보증서 파일 첨부 영역
- 첨부된 파일명 표시
- 파일명 클릭 시 미리보기 랜딩 페이지 새 탭 오픈
- 파일 업로드
- 파일 선택 → 서버 업로드
- 성공 시 파일명 표시
- 변경 상태 발생
- 필수 정책
- 보증서 미첨부 상태에서는 작품 등록 불가
- 기존 작품에서 보증서를 제거하고 다시 등록을 하지 않은 경우
- 허용 파일 형식 제한: pdf, jpg, jpeg, bmp, png만 허용
- 구성
- 작품 등록 시 저장된 사용자 ID를 조회하여 표시
- 클릭 기능 없음
- 상세 이동 기능 없음
- 예외
- 등록 사용자 정보가 없는 경우 “-” 또는 빈값 표시
- 구성
- 관리자 수정 가능
- 값 변경 시 변경 상태 발생
- 저장 버튼 클릭 시 DB 반영
- 영향
- 서비스 작품 상세 페이지 “서명 여부” 표시 항목에 반영
- 작품 가치 판단 요소로 활용 가능
- NULL 저장 불가 (필수값 권장)
- 권한 없는 관리자 수정 불가
- 메인 홈 노출
- 구성
- 체크박스
- 관리자 수정 가능
- 값 변경 시 변경 상태 발생
- 저장 버튼 클릭 시 DB 반영
- 영향
- 홈 “지금 주목할 작품", “컬렉터들의 선택" 영역에 노출
- 작품에 연결된 거래 데이터 존재 시
- 이동 로직
- “거래 현황 이동하기” 클릭 시
- 이동 시, 비밀번호 재인증 모달 강제 노출
- 인증 성공 시 이동
- 실패 시 차단
|
| 5 | 토스트 메세지 정의 | - 저장 성공
- 보증서 미첨부 저장 시도
- 사이즈 입력 오류
|
| 6 | 공통 규칙 | - 접근 및 보안 규칙
- 백오피스 로그인 사용자만 접근 가능
- 작품 상세 화면 진입 시 접근 권한 검증 수행
- 개인정보가 포함된 화면으로 이동하는 경우→ 비밀번호 재입력 모달 필수 노출
- 재인증 실패 시 화면 이동 차단
- 수정 가능한 필드 변경 시 Dirty 상태 발생
- Dirty 상태일 때만 저장 버튼 활성
- 저장 버튼 클릭 전까지 DB 반영되지 않음
- 변경 사항이 없을 경우 저장 불가
- 저장 성공 시에만 실제 데이터 반영
- 이미지 규칙
- 이미지 최소 1장, 최대 5장
- 첫 번째 이미지 = 대표 이미지
- 사용자단에서 지정된 대표 이미지 → 관리자 화면 진입 시 첫 번째 위치로 정렬
- 관리자 화면에서 순서 변경 시 → 첫 번째 이미지가 대표 이미지로 자동 변경
- 대표 이미지다 없는 상태로 저장 불가
- 허용 확장자만 업로드 가능
- 이미지 관련 모든 행위 LOG 기록
- 보증서는 필수 첨부 항목
- 보증서 미첨부 상태에서는 저장 불가
- 보증서 파일명 클릭 시 → 새 탭으로 미리보기 랜딩 페이지 오픈
- 허용 확장자 외 업로드 불가
- 보증서 업로드/교체/삭제 시 LOG 기록
- 입력값 유효성 규칙
- 사이즈(호)는 숫자만 입력 가능
- 정산 금액은 숫자만 입력 가능
- 제작연도는 캘린더(연/월 선택 방식)로 입력
- 작품명은 빈값 허용
- 빈값 저장 시 서비스 노출 시 “무제”로 표시
- “상태” 항목은 본 화면에서 직접 수정
- 상태 값은 사용자 화면에서 노출/비노출 판단
- 권한이 없는 관리자는 수정 불가
- 연결된 거래가 있는 경우 → “거래 현황 이동하기” 버튼 활성
- 거래가 없는 경우 이동 불가
- 거래 상세 이동 시 재인증 수행
- 이동 시도 LOG 기록
- 로그 기록 규칙
- 상세 화면 진입
- 필드 값 변경
- 거래 상세 이동 시도
|
Design Output
UI 디자인 산출물
위 스토리보드 기획을 CHAART OS 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.
데스크톱 관리자 화면 — 와이어프레임과 동일 구조
토큰 적용 사항은 우측 테이블 참조
| 요소 | Token | 값 |
| 필드 라벨 영역 | --neutral-95 bg | width: 140px, font-weight: 600 |
| 필드 값 영역 | --sans · 12px | --charcoal, padding: 12px 16px |
| 이미지 썸네일 | --neutral-95 bg | 80x80px, R=0, stroke icon |
| 목록으로 버튼 | #fff + border | var(--alpha-12) border, R=0 |
| 수정하기 버튼 | --charcoal bg | #fff text, R=0 |
| 테이블 구분선 | var(--alpha-6) | 1px solid, 행 구분 |
| 0 | 화면 접근 조건 | - 진입 경로: 백오피스 로그인 > 좌측 메뉴 [작품 관리] > [상세보기] 버튼 클릭
- 권한 조건
- 상세보기 권한 보유 관리자만 접근 가능
- 권한 없는 사용자가 메뉴/URL 직접 접근 시 접근 차단
- 권한 없음: 목록/페이지 노출 없이 이전 화면 유지(또는 권한 안내 페이지) + 토스트 노출
- 세션 만료: 로그인 페이지로 이동 + 토스트 노출
|
| 1 | 뒤로가기 버튼 + 화면 타이틀 | - 구성
- 좌측: 뒤로가기 아이콘 버튼
- 타이틀: “작품 정보 상세”
- 뒤로가기 클릭 시 기본적으로 BO-ART-001로 이동
- 단, 변경사항 존재 시 → 페이지 이동 안내 모달 노출
- 취소 : 모달 닫고 현재 화면 유지
- 이동 : 변경사항 폐기 후 BO-ART-001로 이동(필터 유지)
|
| 2 | 작품 정보 url 복사 버튼 | - 서비스 사용자 화면에서 해당 작품 상세 페이지로 직접 연결 가능하도록 URL 제공
- 배너 관리 / 알림/푸쉬 관리 등록 시 붙여넣기 용도
- 동작
- 클릭 시
- 해당 작품의 서비스 URL 자동 생성
- 클립보드 복사 처리
- 토스트: “작품 URL이 복사되었습니다.”
- URL 생성 실패 시:
|
| 3 | 저장 버튼 | - 기본 상태: 비활성
- 활성 조건: 4번 영역 내 수정 가능한 필드 값 변경 발생 시 활성
- 클릭 동작
- 저장 버튼 클릭 → 사용자 정보 수정 안내 모달 노출
- 취소 : 모달 닫기(저장 미수행)
- 수정 : 저장 API 호출
- 성공: 토스트(9번 정의) 노출 + 변경 해제(저장 버튼 비활성) + 화면 값 최신화
- 실패: 토스트(9번 정의) 노출 + 현재 입력값 유지 + 저장 버튼 활성 유지(재시도)
|
| 4 | 작품 정보 상세 내용 | - 작품 식별 및 집계 정보
- no
- 구성
- 작품 고유 식별 번호 (PK)
- 숫자 형태로 표시
- 읽기 전용 (수정 불가)
- 화면 진입 시 DB에서 조회된 값을 그대로 표시
- 클릭/편집 기능 없음
- 예외
- 값이 존재하지 않을 경우 화면 진입 불가 (상세 접근 차단)
- 구성
- 서비스 사용자 기준 작품 상세 조회 횟수
- 숫자 표시
- 읽기 전용
- 사용자 서비스에서 작품 상세 진입 시 증가
- 백오피스에서는 수정 불가
- 화면 진입 시 집계 값 조회 후 표시
- 예외
- 음수 값 불가
- 집계 실패 시 0 또는 마지막 정상값 표시
- 백오피스 내 변경 불가
- 서비스 측 집계 로직에서 관리
- 구성
- 해당 작품에 대해 생성된 문의 건수
- 숫자 표시
- 읽기 전용
- 사용자 문의 등록 시 자동 증가
- 백오피스에서 직접 수정 불가
- 예외
- 삭제된 문의는 집계 제외 여부 정책에 따름
- 값 불일치 발생 시 재집계 배치 필요
- 찜수
- 구성
- 해당 작품을 찜한 사용자 수
- 숫자 표시
- 읽기 전용
- 사용자 찜 등록/해제 시 자동 반영
- 백오피스 수정 불가
- 예외
- 중복 찜 불가 (사용자 단위 1회)
- 계정 탈퇴 시 집계 포함 여부 정책에 따름
- 구성
- 공유 버튼 클릭 횟수 집계 값
- 숫자 표시
- 읽기 전용
- 서비스 화면에서 공유 기능 실행 시 증가
- 백오피스 수정 불가
- 예외
- 동일 사용자 반복 공유 집계 방식은 서비스 정책에 따름
- 값 0일 경우 “0”으로 표시 (NULL 표시 금지)
- 노출/형태
- 입력필드가 아닌 선택(검색형) 형태로 제공
- 한글 작가명만 노출
- 영문 작가명은 본 화면에서 표시하지 않음
- 관리자 선택 시, 선택된 작가의 작가ID를 작품에 매핑하고 화면에는 한글명만 표시
- 작가 변경이 발생하면, 도상 드롭다운박스(작가 관리 등록 리스트 연동)은 선택된 작가 기준으로 옵션을 재로딩
- 등록된 작가가 없을 경우, 직접 입력 선택하여 입력
- 예외/제한
- 등록된 작가가 없을 경우, 직접 입력 선택하여 입력
- 노출/형태
- 동작
- 관리자 선택 시 화면에 즉시 반영(표시값 변경)
- 저장 버튼 클릭 전까지는 DB 미반영(저장 상태 X)
- 허용되지 않은 값(고정 옵션 외)은 저장 불가
- 카테고리
- 노출/형태
- 원화 / 판화(리미티드) / 판화(오픈) / 아트토이 / 기타
- 동작
- 관리자 선택 시 화면에 즉시 표시 반영(선택값 변경)
- 저장 버튼 클릭 전까지는 DB 미반영(저장 상태 X)
- 작품 관리 메인 화면의 카테고리 필터 옵션과 동일한 기준으로 동작
- 고정 옵션 외 값은 저장 불가
- 카테고리 미선택 상태로 저장 불가(필수 여부는 정책에 따라 적용)
- 구성
- 단일 선택 드롭다운 박스
- 옵션은 작가 관리에서 등록된 도상 리스트와 연동
- 현재 선택된 작가 기준으로 도상 목록 조회
- 작가 선택/변경 시:
- 해당 작가의 도상 목록으로 드롭다운 옵션 재로딩
- 화면 표시값 변경
- 변경 상태 발생
- 저장 전까지 DB 반영되지 않음
- 예외
- 선택된 작가에 등록된 도상이 없는 경우:
- 드롭다운 비활성
- “등록된 도상이 없습니다.” 안내 문구 표시
- 작가 변경 시 기존 도상 값이 유효하지 않으면 자동 초기화
- 구성
- 숫자 입력 필드
- 가로*세로 : 원화, 판화
- 가로*세로*높이 : 아트토이, 기타
- 숫자(0~9)만 입력 가능
- 문자 입력 불가
- 특수문자 입력 불가
- 소수점 입력 불가
- 음수 입력 불가
- 공백 입력 불가
- 동작
- 숫자 외 입력 시 키 입력 단계에서 차단
- 붙여넣기 시 숫자 외 값 자동 제거
- 값 변경 시 변경 상태 발생
- 0 이하 값 저장 불가 (정책 적용 시)
- 비정상 형식 저장 차단
- 토스트
- 구성
- 숫자 입력 필드
- 단위: 원
- 천 단위 콤마 자동 적용
- 숫자만 입력 가능
- 음수 입력 불가
- 문자 입력 불가
- 동작
- 값 변경 시 변경 발생
- 저장 전까지 DB 반영 안 됨
- 월 매출 집계 재계산 대상
- 거래 완료 작품일 경우 매출 합계에 반영
- 예외
- 숫자 외 입력 시 차단
- 저장 실패 시 이전 값 유지
- 구성
- 단일 선택 드롭다운 박스 제공
- 구매 사용자 검색 입력창 제공
- 동작
- 작품 등록 상태
- 작품이 등록되고 난 상태
- 구매 사용자 검색입력필드 비활성화
- 거래 진행 변경 시, 구매 사용자 검색입력필드 활성화
- 사용자 선택 후, 저장 버튼 클릭 시, BO-TRN-001 거래 관리 메인 데이터 적재
- 거래 완료 상태
- BO-TRN-001 거래 관리 메인에서 거래 완료 처리 시, 작품 관리에도 거래 완료 처리
- 거래 완료된 거래 상태에서는 드롭다운 박스 비활성화
- 구성
- 동작
- 관리자 선택 시 화면에 즉시 표시 반영(선택값 변경)
- 저장 버튼 클릭 전까지는 DB 미반영(저장 상태 X)
- 작품 관리 메인 화면의 상태 옵션과 동일한 기준으로 동작
- 작품명
- 구성
- 단일 텍스트 입력 필드
- 등록 시 입력된 작품명 표시
- 기본값: 저장된 작품명 (없을 경우 빈값)
- 관리자 수정 가능
- 값 변경 시 변경 상태 발생
- 저장 버튼 클릭 시 DB 반영
- 입력 규칙
- 빈값 허용 (필수 아님)
- 공백만 입력한 경우 → 저장 시 빈값으로 처리
- 최대 글자 수 제한 적용 (예: 100자)
- HTML 태그 입력 불가 (XSS 필터링)
- 작품명이 빈값(NULL 또는 "")일 경우:
- 서비스 사용자 화면에서 “무제”로 표시
- 백오피스 화면에서는 빈값 그대로 표시
- 예외
- 저장 시 형식 오류 발생 시 저장 차단
- 저장 실패 시 이전 값 유지
- 저장 완료 시 즉시 서비스 상세 페이지 반영
- 작품명 미입력 작품은 사용자 화면에서 “무제”로 자동 치환 표시
- 구성
- 단일 텍스트 입력 필드
- 등록 시 입력된 재료 정보 표시
- 관리자 수정 가능
- 쉼표 구분 다중 재료 입력 가능
- 변경 발생
- 입력 규칙
- 작품 상세 페이지 “재료” 항목에 노출
- 검색 필터에 포함될 수 있음 (정책에 따름)
- 제작연도
- 구성
- 입력필드 + 캘린더 버튼(아이콘)
- 선택 단위: 년도 + 월(YYYY.MM)
- 직접 타이핑 입력은 불가(또는 제한)하고 캘린더 선택을 기본으로 한다.
- 제작연도 필드 클릭(또는 캘린더 아이콘 클릭) 시
- 값 변경 시 Dirty 상태 발생 → 저장 버튼 활성
- 저장 전까지 DB 반영되지 않음
- 예외
- 미래 연/월 선택 불가
- 캘린더에서 값 선택 없이 닫으면 기존 값 유지
- (초기값 없음 상태) 미선택 상태로 저장 가능 여부는 정책에 따름 (기본: 저장 가능)
- 구성
- 구성품 항목은 아래 2개 요소로 구성됨
- 보증서: 파일 업로드/첨부 상태(필수)
- 액자 유무: 단일 선택
- 액자 유무 선택 시:
- 선택값 즉시 반영(표시값 변경)
- 변경 상태 발생 → 저장 버튼 활성
- 저장 전까지 DB 반영되지 않음
- 보증서 파일이 없는 경우:
- 작품 등록(신규) 시 등록 불가
- 작품 상세 수정/저장 시도 시에도 보증서가 제거되어 “없음” 상태라면 저장 차단
- 토스트: “보증서는 필수 첨부 항목입니다.”
- 등급 값
- 단일 선택 드롭다운
- 관리자 전용 수정 가능 필드
- 등급 값은 사전 정의된 ENUM 기준 사용
- 동작
- 등급 선택 시
- 화면 표시값 즉시 변경
- 변경 상태 발생
- 저장 버튼 활성
- 작품 리스트 화면 정렬/필터 조건에 반영 가능
- 사용자단 노출 여부 또는 강조 표시 정책에 영향 가능
- 예외
- 구성
- 장문 텍스트 입력 영역 (Textarea )
- 등록 시 입력된 설명 표시
- 관리자 수정 가능
- 내용 변경 시 변경 상태 발생
- 저장 전까지 DB 반영되지 않음
- 저장 시 서비스 상세 페이지에 즉시 반영
- 예외
- 빈값 허용 여부는 정책에 따름 (기본: 허용)
- 저장 실패 시 이전 값 유지
- 기본 규칙
- 이미지 최소 1장, 최대 5장
- 첫 번째 이미지 = 대표 이미지
- 대표 이미지는 서비스 썸네일 및 리스트 노출 기준
- 사용자가 작품 등록 화면에서 특정 이미지를 “대표 이미지”로 선택한 경우
- 백오피스 표시 방식
- 백오피스 상세 화면 진입 시
- 사용자가 지정한 대표 이미지 → 이미지 리스트의 첫 번째 위치로 정렬하여 표시
- 즉, 대표 이미지 = 항상 index 0
- DB에 대표 이미지 여부 필드가 존재하는 경우
- 대표 이미지 flag = true 인 이미지 → 목록 최상단으로 정렬
- 동작
- 관리자가 이미지 순서를 변경하여
- 다른 이미지를 첫 번째 위치로 이동시키는 경우
- 해당 이미지가 대표 이미지로 변경됨
- 첫 번째 이미지의 대표 이미지 flag = true
- 나머지 이미지 flag = false 로 업데이트
- 예외 처리
- 대표 이미지가 없는 상태로 저장 불가
- 대표 이미지 flag가 2개 이상인 경우
- 서버 저장 단계에서 자동 보정
- 첫 번째 이미지만 true 처리
- 서비스 작품 리스트 썸네일은 대표 이미지 기준
- 상세 페이지 첫 이미지도 대표 이미지 기준
- 구성
- 보증서 파일 첨부 영역
- 첨부된 파일명 표시
- 파일명 클릭 시 미리보기 랜딩 페이지 새 탭 오픈
- 파일 업로드
- 파일 선택 → 서버 업로드
- 성공 시 파일명 표시
- 변경 상태 발생
- 필수 정책
- 보증서 미첨부 상태에서는 작품 등록 불가
- 기존 작품에서 보증서를 제거하고 다시 등록을 하지 않은 경우
- 허용 파일 형식 제한: pdf, jpg, jpeg, bmp, png만 허용
- 구성
- 작품 등록 시 저장된 사용자 ID를 조회하여 표시
- 클릭 기능 없음
- 상세 이동 기능 없음
- 예외
- 등록 사용자 정보가 없는 경우 “-” 또는 빈값 표시
- 구성
- 관리자 수정 가능
- 값 변경 시 변경 상태 발생
- 저장 버튼 클릭 시 DB 반영
- 영향
- 서비스 작품 상세 페이지 “서명 여부” 표시 항목에 반영
- 작품 가치 판단 요소로 활용 가능
- NULL 저장 불가 (필수값 권장)
- 권한 없는 관리자 수정 불가
- 메인 홈 노출
- 구성
- 체크박스
- 관리자 수정 가능
- 값 변경 시 변경 상태 발생
- 저장 버튼 클릭 시 DB 반영
- 영향
- 홈 “지금 주목할 작품", “컬렉터들의 선택" 영역에 노출
- 작품에 연결된 거래 데이터 존재 시
- 이동 로직
- “거래 현황 이동하기” 클릭 시
- 이동 시, 비밀번호 재인증 모달 강제 노출
- 인증 성공 시 이동
- 실패 시 차단
|
| 5 | 토스트 메세지 정의 | - 저장 성공
- 보증서 미첨부 저장 시도
- 사이즈 입력 오류
|
| 6 | 공통 규칙 | - 접근 및 보안 규칙
- 백오피스 로그인 사용자만 접근 가능
- 작품 상세 화면 진입 시 접근 권한 검증 수행
- 개인정보가 포함된 화면으로 이동하는 경우→ 비밀번호 재입력 모달 필수 노출
- 재인증 실패 시 화면 이동 차단
- 수정 가능한 필드 변경 시 Dirty 상태 발생
- Dirty 상태일 때만 저장 버튼 활성
- 저장 버튼 클릭 전까지 DB 반영되지 않음
- 변경 사항이 없을 경우 저장 불가
- 저장 성공 시에만 실제 데이터 반영
- 이미지 규칙
- 이미지 최소 1장, 최대 5장
- 첫 번째 이미지 = 대표 이미지
- 사용자단에서 지정된 대표 이미지 → 관리자 화면 진입 시 첫 번째 위치로 정렬
- 관리자 화면에서 순서 변경 시 → 첫 번째 이미지가 대표 이미지로 자동 변경
- 대표 이미지다 없는 상태로 저장 불가
- 허용 확장자만 업로드 가능
- 이미지 관련 모든 행위 LOG 기록
- 보증서는 필수 첨부 항목
- 보증서 미첨부 상태에서는 저장 불가
- 보증서 파일명 클릭 시 → 새 탭으로 미리보기 랜딩 페이지 오픈
- 허용 확장자 외 업로드 불가
- 보증서 업로드/교체/삭제 시 LOG 기록
- 입력값 유효성 규칙
- 사이즈(호)는 숫자만 입력 가능
- 정산 금액은 숫자만 입력 가능
- 제작연도는 캘린더(연/월 선택 방식)로 입력
- 작품명은 빈값 허용
- 빈값 저장 시 서비스 노출 시 “무제”로 표시
- “상태” 항목은 본 화면에서 직접 수정
- 상태 값은 사용자 화면에서 노출/비노출 판단
- 권한이 없는 관리자는 수정 불가
- 연결된 거래가 있는 경우 → “거래 현황 이동하기” 버튼 활성
- 거래가 없는 경우 이동 불가
- 거래 상세 이동 시 재인증 수행
- 이동 시도 LOG 기록
- 로그 기록 규칙
- 상세 화면 진입
- 필드 값 변경
- 거래 상세 이동 시도
|