✅ 판매글 작성하기
- 기능 및 구현 방식
- 여러 페이지에 걸쳐서 전송하는 데이터는 전역 상태 관리 라이브러리인
Recoil 를 활용하였습니다.
- 이미지 업로드는 자바스크립트의
FormData 를 활용하였습니다.
- 뷰 설명
- 유저가 판매글을 올리기 위한 단계입니다.
- 유저에게 판매 인증 사진을 위한 가이드를 제시합니다.
- 유저가 입력하는 판매글의 정보는 다음과 같습니다.
- 대표 사진
- 판매 갯수
- 판매 옵션 (일괄, 일부)
- 인증 전용 사진
- 판매 가격 옵션 (지정, 제시)
- 판매 가격
- 배송 옵션
- 판매글 상세 설명
- 디자인과 동일하게 구현했으나, Safari의 safety zone을 고려하여 높이를 맞춰서 구현했습니다.
✅ 구매 제시하기
- 기능 및 구현 방식
- 유저가 아이돌 포토카드를 구매하기 위해 제시하는 페이지와 유저가 상품을 받기 위해 입력한 배송정보와 총 금액을 보여주는 페이지입니다.
- 유저가 구매를 제시하기 위해 입력하는 정보는 다음과 같습니다.
- 구매 옵션
- 상품 구매 갯수
- 판매자에게 제시하는 글
- 구매 희망 가격
- 배송 가능 옵션(1개만 선택가능)
- 기능명세에 없는 예외처리는 자율적으로 수행하였습니다.
- 뷰 설명
- 유저가 판매글에 대한 가격을 제시하는 페이지입니다.
✅ 판매글 상세, 인증사진 조회
