판매자가 상품을 등록하는 페이지이다.
필수로 등록해야하는 항목은 다음과 같다.
사진 파일을 등록하면 등록한 사진이 미리보기로 표시된다.
사용자가 사진을 삭제하고 싶을 시 미리보기로 표시된 사진을 클릭하면 사진을 삭제할 수 있다.
MINE은 '즉시입찰' 시스템을 도입하였는데, 판매자가 설정한 즉시입찰가를 구매자가 입찰하면, 남은 경매 시간에 상관없이 즉시입찰가를 입찰한 구매자가 낙찰받는 시스템이다.
판매자가 즉시입찰을 체크하고 즉시입찰가를 설정하면(판매자가 지정한 경매 시작가보다 즉시입찰가가 더 높아야 한다.) 즉시입찰 경매로 설정된다.
판매자가 상품 설명을 입력하는 곳이다.
처음에는 판매자가 해당 스크린샷처럼 줄바꿈을 입력했을 때, 줄바꿈이 입력되지 않는 문제가 발생했다.
즉 사진처럼 '피카츄인형입니다./n아이들이 좋아해요.'라고 입력을 해도 상품 페이지에서 출력되는 상품 설명은 '피카츄인형입니다.아이들이 좋아해요.'로 한줄로 출력되는 것이었다.
이를 해결한 방법은 다음과 같다.
const modifiedContent = product.auctioncontent.replace(/\n/g, "§");
줄바꿈에 해당하는 /n을 평소에 쓰지 않는 특수문자(나는 § 기호를 사용했다. 책의 세션이나 챕터를 의미하는 기호이다.)로 바꾼 후 서버에 전송한다.
그 후 상품 페이지에서 출력할 때는 반대로 § 기호를 /n으로 바꿔주면 줄바꿈이 적용된 채로 출력된다.