[Feat] 위시리스트 api 연결 및 코드 리팩토링

[KyeongJooni]

✨ 주요 변경사항

• 구매 상세 페이지 판매 게시글 찜 기능 연동
• 수리점 페이지 수리점 찜 기능 연동
• 채팅 페이지 거래 상태 변경 기능 추가 (예약중/판매완료/판매중)
• 각 페이지 스켈레톤 UI 추가
• API 레이어 리팩토링 및 타입 정리

---

📝 작업 상세 내용

찜 기능

• 구매 상세: POST /wishlist/post/toggle API 연동, 낙관적 업데이트 적용
• 수리점: POST /wishlist/shop/toggle, POST /wishlist/shop/check API 연동

채팅 거래 상태 변경

• 판매자인 경우 채팅에서 예약중/판매완료/판매중 상태 변경 가능
• POST /sell-post/reserve, /complete, /active API 연동

스켈레톤 UI 추가

• BuyDetailSkeleton - 구매 상세 페이지
• ChatThreadListSkeleton - 채팅 목록
• RepairShopCardSkeleton - 수리점 카드
• CardSkeleton - 공용 카드 스켈레톤

API 리팩토링

• seller API 응답 구조 변경 대응 (sellerNickName, profileImg 최상위 레벨)
• chat API 타입 확장 (postId, seller, receiverId 필드 추가)
• batteryStatus 정규화 간소화 (백엔드에서 대문자로 전송)
• Query staleTime 최적화

UI 개선

• Toast edit tone 추가 및 색상 스타일 개선
• Header 모바일 메뉴 애니메이션 추가
• FavoriteButton defaultActive prop 동기화
• TextField 타입 안전성 개선
• 판매/회원가입 폼 에러 발생 시 해당 필드로 스크롤

기타

• chunkArray를 es-toolkit chunk로 교체
• policy 상수 분리 (Footer → constants)
• seller 라우트 파라미터 userId → postId 변경
• 판매 폼 가격 0원 검증 추가

---

✅ 체크리스트

• PR 본문에 Close #번호 추가
• 불필요한 주석, 디버깅 코드 제거
• 기능 테스트 및 정상 동작 확인
• 커밋컨벤션 / 코드컨벤션 준수

---

📸 스크린샷 (선택)

수리점 찜

판매자 판매글 상세 조회

수정 시 토스트 UI

삭제 시 토스트 UI

판매 등록 UI

---

🔍 기타 참고사항

• 낙관적 업데이트 적용으로 찜 버튼 클릭 시 즉각적인 UI 반응
• 스켈레톤 UI로 로딩 상태 UX 개선

---

🔗 관련 이슈

• Close [Feat] #96 - 위시리스트 API 연결 및 코드 리팩토링 #96

[github-actions]

PR 검증 결과

✅ TypeScript: 통과
✅ ESLint: 통과
✅ Prettier: 통과
❌ Test: 실패
❌ Build: 실패

[jwj0620gcu]

찜 기능 및 리팩토링 수고하셨습니다!

[github-actions]

PR 검증 결과

✅ TypeScript: 통과
✅ ESLint: 통과
✅ Prettier: 통과
❌ Test: 실패
❌ Build: 실패

[github-actions]

PR 검증 결과

✅ TypeScript: 통과
✅ ESLint: 통과
✅ Prettier: 통과
✅ Test: 통과
✅ Build: 성공
Build Size: 5MB