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

검색창 활성화 / 상세 필터 바텀시트

MKT-002 · 2026. 03. 04

화면 이름검색창 활성화 / 상세 필터 바텀시트
화면 위치마켓
화면 IDMKT-002
작성일2026. 03. 04
MKT-002-1MKT-002-2MKT-002-3
Description
0화면 접근조건
  • MKT-001(마켓 메인 화면)에서
    • 검색 입력 필드 클릭 시 → 검색창 활성화 화면(1번) 노출
    • 검색 필터 영역 우측 필터 버튼 클릭 시 → 상세 필터 바텀시트(2번) 노출
  • 로그인 / 비로그인 사용자 모두 접근 가능
1검색창활성화 화면- 최근 인기검색어
  • 검색창 활성화 영역
    • 구성
      • 작가명 입력용 검색 입력 필드
      • 입력 필드 우측: 검색 아이콘
      • 입력 필드 우측 또는 영역 내: 닫기(X) 버튼
    • 동작
      • 검색 입력 필드 포커스 시
        • 키보드 활성화
        • 검색창 활성화 화면으로 전환
      • 닫기(X) 버튼 클릭 시
        • 검색창 비활성화
        • 이전 마켓 화면(MKT-001)으로 복귀
  • 최근 검색어 영역
    • 구성
      • 최근 검색한 작가명 리스트 5개 노출
      • 리스트는 텍스트 형태로 노출
    • 동작
      • 최근 검색어 클릭 시
        • 해당 검색어가 검색 입력 필드에 자동 입력
        • 검색 실행
      • 최근 검색어가 없는 경우
        • 해당 영역 미노출
    • 글자 입력 시, ③ 자동완성으로 하단 변경
    • 우측 X 버튼 클릭 시, 최근 검색어 단일 삭제
  • 검색 결과 반영
    • 동작
      • 검색어 입력 후 검색 실행 시
        • 작가명 기준으로 작품 리스트 필터링
        • 결과는 MKT-001의 작품 카드 영역에 반영
      • 검색 결과가 없는 경우
        • 작품 카드 영역에 결과 없음 상태 노출
2세부 정렬바텀시트
  • 바텀시트 기본 구성
    • 구성
      • 화면 하단에서 슬라이드 업 형태로 노출
      • 상단 우측 닫기(X) 버튼
      • 필터 옵션 리스트 버튼 형태로 노출
  • 정렬 옵션 영역
    • 구성
      • 최신순
      • 오래된 순
      • 높은 가격 순
      • 낮은 가격 순
      • 인기순(찜)
    • 동작
      • 옵션 버튼 클릭 시
        • 해당 정렬 조건 선택
        • 즉시 바텀시트 닫힘
        • 마켓 작품 리스트 정렬 기준 변경
      • 선택된 정렬 옵션
        • 이후 마켓 화면에서 유지
  • 바텀시트 종료
    • 동작
      • 닫기(X) 버튼 클릭 시
        • 선택 변경 없이 바텀시트 닫힘
      • 바텀시트 외 영역 터치 시
        • 바텀시트 닫힘 (선택 변경 없음)
3(추가)검색창 활성화 화면- 자동완성
  • 노출 조건
    • 검색창 활성화 화면에서 검색어를 입력한 상태
    • 한글 기준 1자 이상 입력 시 자동완성 리스트 노출
  • 구성
    • 검색 입력 영역
      • 입력된 검색어 표시
      • 우측 검색 아이콘 버튼
      • 우측 닫기(X) 버튼
    • 자동완성 리스트
      • 입력값 기준 연관 키워드 리스트 노출
      • 최대 5개 노출
      • 각 항목 우측에 최근 검색 아이콘 노출 가능
    • 배경 영역
      • 검색 결과 리스트 영역은 유지
      • 자동완성 영역이 상단 오버레이 형태로 노출
  • 동작
    • 사용자가 검색창에 한글 1자 이상 입력 시 최근 검색어 리스트 대신 자동완성 리스트로 변경
    • 입력값이 변경될 때마다 자동완성 리스트 재조회
    • 자동완성 항목 클릭 시 해당 키워드가 검색창에 반영되고 검색 결과 화면으로 이동
    • 검색 아이콘 클릭 시 현재 입력값 기준으로 검색 결과 화면 이동
    • 닫기(X) 버튼 클릭 시 입력값 삭제 후 검색창 활성화 초기 상태로 복귀
      • 최근 검색어 리스트 다시 노출
    • 입력값 전체 삭제 시 자동완성 리스트 제거
      • 최근 검색어 리스트 노출
  • 규칙
    • 자동완성은 한글 입력 기준 1자 이상부터 동작
    • 자동완성 리스트는 입력값과 일치하거나 연관도 높은 키워드 기준으로 노출
    • 자동완성 항목이 없는 경우 리스트 미노출 가능
    • 자동완성 선택 또는 검색 실행 시 검색어는 검색 기록에 저장 가능
4토스트메시지 정의
  • 검색 결과 없음
    • 검색 결과가 없습니다. 노출 가능
  • 필터/정렬 변경 시
    • 별도 토스트 미노출
  • 자동완성 조회 실패 시
    • 자동완성 결과를 불러오지 못했습니다.
  • 시스템 오류 시
    • 일시적인 오류가 발생했습니다.
5공통 규칙
  • 검색 및 필터 기능은 로그인 여부와 관계없이 사용 가능
  • 검색창 활성화 상태에서
    • 검색어 미입력 시 최근 검색어 리스트 노출
    • 검색어 한글 1자 이상 입력 시 자동완성 리스트 노출
  • 검색창 활성화 화면 및 바텀시트는 모두 화면 오버레이/바텀시트 형태로 처리
  • 검색어, 정렬 조건, 선택 필터는 사용자가 변경하지 않는 한 유지
  • 자동완성 리스트는 최근 검색어 리스트와 동시에 노출하지 않음
  • 검색어 입력값이 비워지면 자동완성 리스트는 제거되고 최근 검색어 리스트가 다시 노출됨
MKT-001목록으로MKT-003