Create an auction registration page

[Hira-Yuki]

Is your feature request related to a problem? Please describe.

사용자가 경매 물품을 쉽게 등록할 수 있는 페이지가 필요합니다. 사용하기 쉬운 경매 물품 등록 전용 인터페이스가 없어 개발이 필요합니다.

Describe the solution you'd like

이 페이지에는 사용자들이 다음의 필수 정보를 입력할 수 있는 폼이 포함되어야 합니다:

• title: 경매 게시물의 제목 (string)
• auctionType: 경매 입찰 타입 (boolean - 공개 입찰 / 비공개 입찰)
• auctionImage: 이미지 파일 업로드 (string[] | File, 최대 5개)
• description: 경매 상품 상세 내용 (string)
• crruntBidPrice: 경매 시작가 설정 (number)
• buyNowPrice: 즉시 구매가격 설정 (number)
• endDate: 경매가 종료되는 시간 (Date)

폼은 사용하기 쉬워야 하며, 유효성 검사와 사용자에게 도움을 주는 툴팁을 포함해야 합니다. 또한, 페이지는 백엔드 API와 통합되어 경매 물품 데이터를 제출하고 오류를 원활하게 처리할 수 있어야 합니다.

Describe alternatives you've considered

기존의 타 서비스의 물품 등록 폼을 참고하여 경매 관련 필드를 포함하는 방법이 고려됩니다.

Additional context

• Quill 라이브러리 사용 시, 이미지 첨부 기능을 사용할 수 없으며, WYSIWYG 입력기만 사용 가능해야 합니다 (마크다운 입력기 사용 불가).

[Hira-Yuki]

Pendding : #22 PR 승인 지연

[Hira-Yuki]

NEED ACTION

API 사양 변경 : 경매 생성(/auction)

아래와 같은 사유로 API 사양 변경이 필요함을 확인했습니다. 해당 자료에 접근하는 다른 components 및 API 도 변경 사항을 반영해 주세요.

endDate: 경매가 종료되는 시간 (Date)

• 타입 변경 : Date -> string
• 기존 설계: Date 객체를 전달
• 변경된 설계 : Date 객체를 ISO 8601 형식의 문자열로 파싱하여 전달

  ISO 8601 형식의 문자열 (“2024-07-07T13:34:32”)로 날짜와 시간을 보내면, 이를 Java에서 LocalDateTime으로 변환가능 하므로 Date 객체를 보내지 않고 ISO 8601 형식의 문자열로 파싱한 후 전송

이미지 전송시 0번부터 4번까지의 이미지를 순서가 있는 배열로 전송해야함

첫번째 이미지가 항상 메인 이미지가 되도록 서버에서 설계될 예정임 따라서 FE에서 작업할 때도 사용자가 이미지 순서를 인식할 수 있어야합니다. 첫번째 이미지가 메인 이미지가 되는 것을 인지할 수 있도록 화면 재설계 필요

@Go0211 @DoHyeongKwonn @Min-byeonghyun

[Hira-Yuki]

• 파일 업로드 후 인덱스를 변경할 수 있는 UI.
• 중간에 있는 파일을 삭제할 수 있음
• 마우스 드래그로 순서를 변경할 수 있음
• 파일을 추가하면 기존 리스트에 새 파일이 추가되는 방식으로 파일이 추가됨

[Hira-Yuki]

React-Quill 라이브러리 사용에 장애가 발생하고 있어 대안 탐색 중

현재 후보 : TOAST UI