[송미진] sprint7

[songmijin824]

요구사항

기본

• 각 상품 클릭 시 상품 상세 페이지로 이동합니다.

• 상품 상세 페이지 주소는 “/items/{productId}” 입니다.

• 상품 상세 페이지의 상품 정보는 제공된 백엔드 API 페이지의 GET 메소드인 “/products/{productId}”를 사용해주세요

• 상품 상세 페이지 주소는 “/items/{productId}” 입니다.

• response 로 받은 아래의 데이터로 화면을 구현합니다
  favoriteCount : 하트 개수
  images : 상품 이미지
  tags : 상품태그
  name : 상품 이름
  description : 상품 설명

• 목록으로 돌아가기 버튼을 클릭하면 중고마켓 페이지 주소인 “/items” 으로 이동합니다

• 상품의 댓글 정보는 제공된 백엔드 API 페이지의 GET 메소드인 “/products/{productId/comments”를 사용해주세요

• 문의하기에 내용을 입력하면 등록 버튼의 색상은 “3692FF”로 변합니다.

• response 로 받은 아래의 데이터로 화면을 구현합니다
  image : 작성자 이미지
  nickname : 작성자 닉네임
  content : 작성자가 남긴 문구
  description : 상품 설명
  updatedAt : 문의글 마지막 업데이트 시간

심화

• 모든 버튼에 자유롭게 Hover효과를 적용하세요.

주요 변경사항

• like버튼 컨포넌트 추가

• 버튼 컨포넌트 수정 및 확인

• dropdown 컨포넌트

• 상품리스트 Hook 개선

• tailwindcss 설치 및 사용

스크린샷

멘토에게

\hooks\useItems.jsx , \components\Product\AllItems.jsx
쿼리스트링을 나름대로 구현해 봤는데요...! 문의 드리고 많이 늦었습니다..
미션 7 내용은 아니지만 이 부분 피드백 부탁드려요!

https://pandamall001.netlify.app/

• 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

[dongqui]

미진님 많은 양인데 잘 마무리 해주셨네요 👍

쿼리스트링 관련 문제는 잘 접근하셨습니다! 상태 값만 잘 정리하시면 될 거 같아요 :) 리뷰 참고해 주세요~!