• [x] 채팅 뷰 구현 ( 상품 이미지 오른쪽 )
  • [x] 소켓 TYPE별 CSS 구분
  • [x] 소켓 연결
  • [x] 비회원일때 채팅입력 막기
• [x] 제품상세 뷰 구현 ( 상품 이미지, 채팅 아래쪽 )
  • [x] 카운트다운 구현 ( 경매시작전, 후 구분 + 남은시간 표현 )
  • [x] 입찰 수, 입찰자 수 표현
• [x] 찜하기, 입찰하기 구현
  • [x] 찜하기 API 연결
  • [x] 입찰하기 팝오버 화면 다듬기 + API 연결
• [x] 경매 끝난 상품 채팅 막기
• [x] 입찰하기 API → 소켓메세지 채팅 공지로 띄우기
• [x] 입찰하기 API → 현재가격변동 + 입찰 수 입찰자 수 변동
• [x] 경매 진행중 타이머 재조정
• [x] 입찰하기 API → 최종가격 변동
• [x] 경매종료 → 시간초 부분 표시변경, 현재가격 → 최종가격 이름 변경
• [x] 입찰하기 컴포넌트 → 에러핸들링 + 입찰하기 전송하면 팝오버 닫기
• [x] 입찰시 남은시간 업데이트 잘안됌 (CountdownTimer isActive 확인해보기)
• [x] 경매종료상품 최종가격 finalPrice 확인
• [x] 찜하기 성공시 알림 + 이미 찜하기한 상품일때도 알림
• [x] 경매 상세 우측하단에 경매시간 : 시작시간~3시간후(마감시간 ← 존재할시 추가)
• [x] 상세 우측하단 마진 값 주기

Socket

1. 유저정보가 변동될때마다 API 요청 ? ←←
2. userInfo만 React-Query 적용 ?

버그