HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
프로그래머스 프론트엔드 데브코스 2기
프로그래머스 프론트엔드 데브코스 2기
/
🐢
달리팀
/
🏆
비드마켓 - 사이코
/
💛
UI기능명세서
/
🌕
검색 결과 페이지 (Search Page)
🌕

검색 결과 페이지 (Search Page)

router URL
/products&keyword={keyword}
로그인 필요 여부
로그인 필요 여부
검색 결과 페이지
검색 결과 페이지
정렬 필터링 클릭한 경우
정렬 필터링 클릭한 경우

 
번호
기능명
기능 설명
예외 처리
1
뒤로 가기
- 이전 페이지로 이동
ㅤ
2
검색 입력창
- 키워드로 상품을 검색 - 엔터를 치면 url이 바뀌며 검색한 결과를 렌더링
ㅤ
3
정렬 순서 설정
- 기본값으로 종료임박순 - 종료임박순, 최신순, 입찰건수, 입찰 최고가 가격순
ㅤ
4
카테고리 설정
- 기본값으로 ALL - 카테고리 종류는 제일 하단 참고
ㅤ
5
상품 리스트 불러오기
- 필터링 조건에 맞는 검색어 결과 불러오기 - 스크롤을 계속 내릴 때 무한 스크롤
물품이 없는 경우 찾으시는 물품이 없습니다! 라는 메시지 보여주기
6
상품 클릭
- 상품 상세 페이지로 이동
ㅤ
7
낙찰된 상품만 보기
- 기본값 : 낙찰된 상품만 보기 false - 체크박스로 토글
ㅤ
 

카테고리 목록

  • 디지털 기기
  • 생활 가전
  • 가구 인테리어
  • 유아도서
  • 생화가공식품
  • 스포츠레저
  • 여성 잡화
  • 여성 의류
  • 남성 패션 잡화
  • 게임 취미
  • 뷰티 미용
  • 반려 동물 용품
  • 도서 티켓 음반
  • 식물
  • 기타 중고 물품
  • 중고차