사용자 화면 · 마켓 / 판매등록

마켓 메인 화면

MKT-001 · 2026. 03. 04

화면 이름마켓 메인 화면
화면 위치마켓
화면 IDMKT-001
작성일2026. 03. 04
MKT-001-1MKT-001-2MKT-001-3
Description
0화면 접근조건
  • 하단 내비게이션의 마켓 탭 클릭 시 진입
  • 홈 화면 내 마켓 관련 CTA 클릭 시 진입
  • 로그인 / 비로그인 사용자 모두 접근 가능
  • 찜 기능, 판매 등록 버튼은 로그인 사용자만 사용 가능
    • 비로그인 사용자가 찜/판매 등록 버튼 클릭 시 로그인 안내 모달(LOG-008) 노출
1-1헤더
  • 구성
    • 좌측: 타이틀 마켓
    • 우측: 없음 (기본 상태)
  • 동작
    • 스크롤 전 기본 노출 상태
    • 검색 버튼은 노출되지 않음 (3번 화면에서 노출)
1-2검색창 영역
  • 구성
    • 작가 이름을 입력할 수 있는 검색 입력 필드
    • 입력 필드 우측 검색 아이콘
  • 동작
    • 작가명 입력 후 검색 실행 시
      • 입력값 기준으로 작품 리스트 필터링
    • 입력값이 없는 상태에서 검색 실행 시
      • 전체 작품 리스트 유지
    • 검색창 정책은 추후 논의 후 작성 예정
1-3필터 영역
  • 구성
    • 카테고리 탭 리스트
      • 전체 / 판화 / 원화 / 아트토이 / 기타
    • 우측 필터 버튼 (정렬/상세 필터 진입용)
  • 동작
    • 카테고리 탭 클릭 시
      • 해당 카테고리 기준으로 작품 리스트 갱신
    • 필터 버튼 클릭 시
      • 검색 필터 카테고리 선택 화면으로 이동 (MKT-002)
1-4작품 카드영역
  • 구성
    • 작품 카드 그리드 형태 노출
    • 카드 구성 요소
      • 작품 이미지
      • 작품명
      • 작가명
      • 사이즈
      • 가격
      • 찜 아이콘
  • 동작
    • 작품 카드 클릭 시
      • 작품 상세 화면으로 이동 (MKT-013)
    • 찜 아이콘 클릭 시
      • 로그인 사용자: 찜 상태 토글
      • 비로그인 사용자: 로그인 안내 모달(LOG-008) 노출
    • 찜 동작에 대한 별도 토스트 메시지는 노출하지 않음
1-5판매등록버튼
  • 구성
    • 화면 하단 플로팅 형태의 판매 등록 버튼
  • 동작
    • 로그인 사용자 클릭 시
      • 판매 등록 플로우 진입 (MKT-003)
    • 비로그인 사용자 클릭 시
      • 로그인 안내 모달(LOG-008) 노출
2검색 필터작품카테고리 탭활성화 화면
  • 구성
    • 검색 필터 영역에서 선택된 카테고리 탭이 활성화된 상태로 유지
    • 작품 리스트는 선택된 필터 조건에 맞게 갱신된 상태로 노출
  • 동작
    • 필터 조건 변경 시
      • 실시간으로 작품 리스트 갱신
    • 검색 입력 필드 및 필터 영역은 기본 화면과 동일하게 유지
3마켓 스크롤 다운 시,검색창 숨김 및 헤더 버튼추가 화면
  • 헤더 변경
    • 구성
      • 좌측: 타이틀 마켓
      • 우측: 검색 버튼 아이콘 노출
    • 동작
      • 화면 스크롤 시
        • 검색 입력 필드 영역은 화면에서 사라짐
        • 헤더 우측에 검색 버튼 노출
      • 검색 버튼 클릭 시
        • 검색 입력 영역이 다시 노출되거나
        • 검색 전용 화면으로 이동 (구현 방식 추후 결정)
  • 작품 리스트 유지
    • 구성
      • 작품 카드 영역은 동일한 구조 유지
    • 동작
      • 스크롤 상태에서도
        • 작품 클릭 / 찜 / 판매 등록 버튼 동작은 동일하게 유지
4토스트메시지 정의
  • 검색 결과가 없는 경우
    • 검색 결과가 없습니다. 토스트 노출 가능
  • 찜 / 판매 등록 관련 동작에서는 별도 토스트 메시지 노출하지 않음
5공통 규칙
  • 마켓 화면 내 작품 노출 순서는 기본 정렬 기준 적용
  • 필터, 검색, 스크롤 상태에 따라 UI만 변경되며
    • 작품 카드의 기능 및 동작은 모든 상태에서 동일
  • 찜 기능은 마켓 전 영역에서 로그인 사용자만 사용 가능
  • 비로그인 사용자는 찜 상태 변경 및 판매 등록 불가
LOG-009목록으로MKT-002