diff --git a/index.html b/index.html new file mode 100644 index 000000000..3f55715df --- /dev/null +++ b/index.html @@ -0,0 +1,213 @@ + + + + + + + + + + + + + 판다마켓 + + +
+

+ + 판다마켓 로고 + 판다마켓 로고 + +

+ + 로그인 + +
+
+
+
+
+
+

+ 일상의 모든 물건을
+ 거래해 보세요 +

+ 구경하러 가기 +
+ 일상의 모든 물건을 거래해 보세요 +
+
+
+
+
+
+ Hot item 이미지 + Hot item 이미지 + Hot item 이미지 +
+
+ Hot item +

+ 인기 상품을
+ 확인해 보세요 +

+

+ 가장 HOT한 중고거래 물품을
+ 판다 마켓에서 확인해 보세요 +

+
+
+
+
+
+
+
+
+
+
+ Search +

+ 구매를 원하는
+ 상품을 검색하세요 +

+

+ 구매하고 싶은 물품은 검색해서
+ 쉽게 찾아보세요 +

+
+
+ Search 이미지 + Search 이미지 + Search 이미지 +
+
+
+
+
+
+ Register 이미지 + Register 이미지 + Register 이미지 +
+
+ Register +

+ 판매를 원하는
+ 상품을 등록하세요 +

+

+ 어떤 물건이든 판매하고 싶은 상품을
+ 쉽게 등록하세요 +

+
+
+
+
+
+
+
+
+
+

+ 믿을 수 있는
+ 판다마켓 중고 거래 +

+
+ 믿을 수 있는 판다마켓 중고 거래 +
+
+
+
+ + + diff --git a/public/images/icons/ic_delete.svg b/public/images/icons/ic_delete.svg new file mode 100644 index 000000000..047044dcb --- /dev/null +++ b/public/images/icons/ic_delete.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/images/icons/ic_plus.svg b/public/images/icons/ic_plus.svg new file mode 100644 index 000000000..5bb9abf55 --- /dev/null +++ b/public/images/icons/ic_plus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/addItem/Description.jsx b/src/components/addItem/Description.jsx new file mode 100644 index 000000000..740a85515 --- /dev/null +++ b/src/components/addItem/Description.jsx @@ -0,0 +1,25 @@ +import React from "react"; + +function Description({ children, name, value, placeholder, setUserInput }) { + const setDescription = (value) => + setUserInput((prev) => ({ ...prev, description: value })); + + const handleInput = ({ target }) => setDescription(target.value); + + const handleBlur = ({ target }) => setDescription(target.value.trim()); + return ( +
+ +