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