[유호은] sprint10

[HoeunRyu]

배포 링크

https://panda-next-hoeun.vercel.app/items

요구사항

기본

공통

• RESTful를 설계하고 백엔드 코드를 변경하세요.
• (풀스택) 설계한 백엔드 코드에 맞게 프론트엔드 코드를 변경해 주세요.
  https://panda-market-api.vercel.app의 API를 사용한 코드를 본인의 백엔드 API 코드로 변경하세요.

중고마켓 페이지

• 디폴트 이미지로 처리한 이미지를 실제 Product Get API에서 가져온 이미지로 변경해 주세요.
• 좋아요 순 정렬 기능을 붙여주세요.
• 베스트 상품 기능을 추가해 주세요. 베스트 상품은 가장 많이 좋아요를 받은 순으로 PC 기준 최대 4개까지 조회 가능합니다.

상품 등록하기 페이지

• 상품 이미지 등록 기능을 구현합니다. 파일을 선택해 이미지를 업로드하고, preview를 볼 수 있도록 구현합니다. 이미지는 최대 3개까지만 등록 가능하도록 구현해 주세요.
• 동일하게 상품 이미지 수정 기능도 추가합니다.
• 상품 등록 성공 시 중고마켓 페이지로 이동해 주세요.

심화

상태코드 (웹 API 관련)

• 프론트엔드에서는 서버 응답의 상태코드에 따라 적절한 사용자 피드백을 제공합니다.

(생략 가능) 자유게시판 게시물 등록

• 게시물 등록 시 이미지 등록 기능을 구현합니다. 파일을 선택해 이미지를 업로드하고, preview를 볼 수 있도록 구현합니다. 이미지는 최대 3개까지만 등록 가능하도록 구현해 주세요.
  -> 게시글은 이미지 1개만 받게 함

주요 변경사항

• 지난 미션에서 코드잇 api를 사용했던 로그인/회원가입 및 상품 관련 페이지를 모두 백엔드 미션에서 제작한 api로 마이그레이션.
• 자유게시판 페이지에 인가 처리 추가, 좋아요 기능 추가

멘토에게

• 프론트는 거의 모든 파일을 마이그레이션 해야해서 최대한 기능 구현에 집중하다 보니, 폴더 구조나 타입 등을 깔끔하게 정리하지 못해서 아쉬워요. 아무래도 계속 코드잇 api와 제작한 api를 계속 마이그레이션 해가며 진행하다보니 어렵네요..
• 마찬가지로 여백이나 알림 ui 등 만족스럽지 않은 부분도 있는데 우선은 기능이 동작하는지에 더 집중했습니다 ㅠ
• 지난 미션에서 코드잇 api로 받은 토큰을 로컬스토리지에 저장하다가, 이번에 백엔드에서 쿠키를 사용하는걸로 한번 시도해봤는데, 쿠키에 담긴 정보로 전역 유저 데이터를 관리하는 부분은 아직 완성을 못했습니다.