diff --git a/index.html b/index.html index bfebcc60..2c88a770 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,36 @@ crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css" /> - 판다마켓 + + 판다 마켓 + + + + + + + + + + + + + + + +
diff --git a/public/_redirects b/public/_redirects new file mode 100644 index 00000000..ad37e2c2 --- /dev/null +++ b/public/_redirects @@ -0,0 +1 @@ +/* /index.html 200 diff --git a/src/App.jsx b/src/App.jsx index eb2b61e1..10f1d00d 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -12,7 +12,8 @@ function App() { return ( } /> - } /> + } /> + } /> } /> } /> } /> diff --git a/src/assets/images/arrow_down.svg b/src/assets/images/arrow_down.svg new file mode 100644 index 00000000..b423610b --- /dev/null +++ b/src/assets/images/arrow_down.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/btn_visibility_off.svg b/src/assets/images/btn_visibility_off.svg new file mode 100644 index 00000000..bc3dbc03 --- /dev/null +++ b/src/assets/images/btn_visibility_off.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/images/btn_visibility_on.svg b/src/assets/images/btn_visibility_on.svg new file mode 100644 index 00000000..c89a9ffd --- /dev/null +++ b/src/assets/images/btn_visibility_on.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/images/button_x.svg b/src/assets/images/button_x.svg new file mode 100644 index 00000000..1af75bea --- /dev/null +++ b/src/assets/images/button_x.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/images/google.svg b/src/assets/images/google.svg new file mode 100644 index 00000000..593a8357 --- /dev/null +++ b/src/assets/images/google.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/ic_facebook.svg b/src/assets/images/ic_facebook.svg new file mode 100644 index 00000000..b9c9d493 --- /dev/null +++ b/src/assets/images/ic_facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/ic_instagram.svg b/src/assets/images/ic_instagram.svg new file mode 100644 index 00000000..0b9337b0 --- /dev/null +++ b/src/assets/images/ic_instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/ic_twitter.svg b/src/assets/images/ic_twitter.svg new file mode 100644 index 00000000..14a6069a --- /dev/null +++ b/src/assets/images/ic_twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/ic_youtube.svg b/src/assets/images/ic_youtube.svg new file mode 100644 index 00000000..2567f03e --- /dev/null +++ b/src/assets/images/ic_youtube.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/img_home_01.svg b/src/assets/images/img_home_01.svg new file mode 100644 index 00000000..19a8bfed --- /dev/null +++ b/src/assets/images/img_home_01.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/img_home_02.svg b/src/assets/images/img_home_02.svg new file mode 100644 index 00000000..e4b680ad --- /dev/null +++ b/src/assets/images/img_home_02.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/img_home_03.svg b/src/assets/images/img_home_03.svg new file mode 100644 index 00000000..083de324 --- /dev/null +++ b/src/assets/images/img_home_03.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/img_home_bottom.svg b/src/assets/images/img_home_bottom.svg new file mode 100644 index 00000000..45e60e1b --- /dev/null +++ b/src/assets/images/img_home_bottom.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/img_home_top.svg b/src/assets/images/img_home_top.svg new file mode 100644 index 00000000..ca73f8e9 --- /dev/null +++ b/src/assets/images/img_home_top.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/kakao.svg b/src/assets/images/kakao.svg new file mode 100644 index 00000000..09fae80e --- /dev/null +++ b/src/assets/images/kakao.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/images/logo-mobile.png b/src/assets/images/logo-mobile.png deleted file mode 100644 index 7e94a17d..00000000 Binary files a/src/assets/images/logo-mobile.png and /dev/null differ diff --git a/src/assets/images/logo-mobile.svg b/src/assets/images/logo-mobile.svg new file mode 100644 index 00000000..55a63efc --- /dev/null +++ b/src/assets/images/logo-mobile.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png deleted file mode 100644 index 41e594cd..00000000 Binary files a/src/assets/images/logo.png and /dev/null differ diff --git a/src/assets/images/logo.svg b/src/assets/images/logo.svg new file mode 100644 index 00000000..3799efba --- /dev/null +++ b/src/assets/images/logo.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/assets/images/upload.svg b/src/assets/images/upload.svg new file mode 100644 index 00000000..4d8a961a --- /dev/null +++ b/src/assets/images/upload.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/base.css b/src/base.css index e995f0a5..70189327 100644 --- a/src/base.css +++ b/src/base.css @@ -55,3 +55,8 @@ button { body { overflow-x: hidden; } + +ol, +ul { + list-style: none; +} diff --git a/src/components/Header.jsx b/src/components/Header.jsx index ac5aa3fe..66534588 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -1,38 +1,39 @@ -import logo from "../assets/images/logo.png"; -import logoMobile from "../assets/images/logo-mobile.png"; -import { Link, useNavigate } from "react-router-dom"; +import logo from "../assets/images/logo.svg"; +import logoMobile from "../assets/images/logo-mobile.svg"; +import { NavLink, useNavigate, useLocation } from "react-router-dom"; import "./Header.css"; -const Header = ({ location }) => { +const Header = () => { const nav = useNavigate(); const onClickButton = () => { nav("/login"); }; + const location = useLocation(); + const isItemsPage = + location.pathname.startsWith("/items") || location.pathname === "/additem"; + return ( <>
- + 판다마켓 로고 이미지 (모바일) 판다마켓 로고 이미지 - +
- (isActive ? "active" : "")} > 자유게시판 - - + + 중고마켓 - +
+
+
+
+ 상품 이미지 +
+ + {imageUrl && ( +
+ 상품이미지 +
+ )} +
+
+ *이미지 등록은 최대 1개까지 가능합니다. +
+
+ +