상품볼수 있는 메인페이지 개발

[LeeHueeng]

상품보는 메인페이지

상품을 볼 수 있는 메인페이지입니다. 각종 컴포넌트로 구성될 예정입니다.

기능 설명

메인페이지는 세 가지 주요 섹션으로 구성됩니다:

1. 카테고리 부분: 다양한 상품 카테고리를 표시합니다.
2. 분류 부분: 사용자가 상품을 다양한 기준으로 분류할 수 있습니다.
   • 카테고리(패션잡화, 디지털/가전, 여가/생활편의 등등)
   • 가격
3. 결과 출력부분: 선택한 카테고리와 분류 기준에 따른 상품 결과를 출력합니다.

작업 상세 내용

카테고리 부분

• 카테고리 목록 표시
• 각 카테고리 클릭 시 해당 카테고리의 상품 목록 표시

분류 부분

• 카테고리별 분류 표시 (패션잡화, 디지털/가전, 여가/생활편의 등)
• 가격별 분류 옵션 제공
• 부모 컴포넌트에서 분류 데이터를 props로 받아서 표시
• 필터 옵션 (예: 가격 범위 등) 추가
• 분류 기준에 따라 상품 목록 재정렬

결과 출력부분

• 선택된 카테고리와 분류 기준에 따른 상품 목록 표시
• 상품 카드 컴포넌트 디자인 및 구현 (이미지, 이름, 가격 등)
• 페이지네이션 기능 추가
• 무한 스크롤 기능 구현 (선택 사항)

참고할만한 자료 (선택)

• React 공식 문서
• Next.js 공식 문서
• Emotion CSS-in-JS 라이브러리
• MDN 웹 문서 - Flexbox
• 상품 카테고리 및 분류 UI 디자인 예제