From 36968af9e9fe7bb83999c3227260793d0e90f0b7 Mon Sep 17 00:00:00 2001 From: JSM Date: Wed, 6 Nov 2024 20:36:57 +0900 Subject: [PATCH 1/2] =?UTF-8?q?Feat:=ED=97=A4=EB=8D=94=20=EA=B5=AC?= =?UTF-8?q?=ED=98=84=20&=20=EB=B2=84=ED=8A=BC=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/Button.tsx | 5 +---- components/HeaderMenu.tsx | 37 +++++++++++++++++++++++++++++++++++ components/Layout/Header.tsx | 22 +++++++++++++++++++++ pages/_app.tsx | 8 +++++++- public/icons/profile.png | Bin 0 -> 1235 bytes public/icons/star.png | Bin 0 -> 1501 bytes 6 files changed, 67 insertions(+), 5 deletions(-) create mode 100644 components/HeaderMenu.tsx create mode 100644 components/Layout/Header.tsx create mode 100644 public/icons/profile.png create mode 100644 public/icons/star.png diff --git a/components/Button.tsx b/components/Button.tsx index c036039..b4838ff 100644 --- a/components/Button.tsx +++ b/components/Button.tsx @@ -26,13 +26,10 @@ const Button = ({ return ( + ) : ( +
+ + 즐겨찾기 + +
+ 프로필 + {/* 임시 유저 네임 */} + 전상민 +
+
+ )} + + ); +} + +export default HeaderMenu; + diff --git a/components/Layout/Header.tsx b/components/Layout/Header.tsx new file mode 100644 index 0000000..f6698c3 --- /dev/null +++ b/components/Layout/Header.tsx @@ -0,0 +1,22 @@ +import Logo from "@/public/icons/logo.svg"; +import Image from "next/image"; +import Link from "next/link"; +import HeaderMenu from "../HeaderMenu"; + +const Header = () => { + + return ( +
+
+
+ + 로고 + + +
+
+
+ ); +}; + +export default Header; diff --git a/pages/_app.tsx b/pages/_app.tsx index a7a790f..689d600 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,6 +1,12 @@ +import Header from "@/components/Layout/Header"; import "@/styles/globals.css"; import type { AppProps } from "next/app"; export default function App({ Component, pageProps }: AppProps) { - return ; + return ( + <> +
+ + + ); } diff --git a/public/icons/profile.png b/public/icons/profile.png new file mode 100644 index 0000000000000000000000000000000000000000..65f0a54245261e2fd9d835dc5d3d28a99454a4c6 GIT binary patch literal 1235 zcmV;^1T6cBP)`sz@=Jp`j^+3peB#d2T(1UgZNoeG)4CYZ}|tBCn%%8=?n z=l5^E4Xz^tQVCRHwuMawS24e+afB-N$R2F(?kJ*(>`7N}O^BYb7qS?$CyOf@=#?OKhRNj{%QV0D8_*6?o(l(86u zNA_?%iOWtEsNyBRjun^#aS;F>$}3t0i(GPSM4W58aqY7_s2hjrL_2x6kDcW_$74cfpPRdjkSois;MLEpTCW68 zyuJ#oo$Y?zz5f{h-i1$kRt)r=TRA<7`@Bj{U_@n|a90HW^dsZR6Zk+5;Hb#;M%P76 z;Q~By{=GqQ5o>EA^j&y^z?*tKo`YP0C*D3c{+U|R8Ot^FSRuHnK-FkRfRT=(o;gYeh?3H(FUmM(Etr#baLFN;`vVPeZkt;Ke`%W-<@6 z7+jiv&=5^6i5r)k;cVS>A+Xrfi`xeoc86dpNQuUmTVJM&{PrIq8;o@cU?(s*Q>aTV zLftg=$s)4>rX!3h!7dh6H8Lq?0uNu!+^(d(YT(_%%@Fwk}~ za9ldJVu<__wr%Tr|BV5G&WdcmKyI-kO+zCGUaha?(N%TKaXmD#Cwg(!Ekdp~|4_#q z_aIiFx~j2s5&4*pt_fjWW6<;4MiPkbkIu4E xo}+FBt2FenP{cHesbSgP(FBp^hq4gW&r^LR=N?n6k9+_C002ovPDHLkV1m6uPgwu} literal 0 HcmV?d00001 diff --git a/public/icons/star.png b/public/icons/star.png new file mode 100644 index 0000000000000000000000000000000000000000..0b6a10d3d5917fb3e5ad3cd15560dd30413df32d GIT binary patch literal 1501 zcmV<31tR*1P)@?7HEB&L@7A*IzV5wyU*oxVOD%1QyMO%UWKU*yXXbqKo%5YD z!2e^?5JIrRxlh`QJ)bSbe=)3|x36`-cqr{2T-7Ij-MIu64qnOT8)pv3d9L?$Y2KNBXk|SwhfYfX)7uiWdjA=DzB=RkXVGC!-CFh|{1fBnRw5FT2>@I&o2)oCPiIbP zA9KU|2+rUT!+g3Q*()btviMP_Zuy(xRd1a6aJDmie7CIfCt`Cu5UrjIMU4_uxx_AD z3#oL2;4+~|8OGH*KKr2w&q0wcpTB+{#=ud}w#8ni#@<-C?$e?1*ql81ky4X6wnGxx zZCZV6G+uij)L0yxQ!a0XI0R->LmGy$H2b~{D?5bTr7jp(yA2Qe_A80>$E#N#aWUy6 zdV6<8BG*oDA?3ZTrDo4bHnc)b)Q#nF63cNse~g(RW;TlXE6DWyLOC0{?26Qj&5s{E zG!bLkPJijh^UD?I&%IUEk$a*|ZPZQfBCN!ic-VxaBJ2tzP14d$2y1`@(vS4@{3*+n zUs$y9+tZVM-|=Y~KGd;B*K$88_0-CeH6+p`MKoEeLq=f^#3e{9K9ztsLbFAHdDu5c zVAxGdX0F`RJ)K|qPJmG{(#ma0VxzlqXR%`M5;FP>#tTz8lt_WTz2v?PauB z86b14PDtd)&OsPdU$PwLQ3Ux5l`4WhH3mk&f&hySRZ)@BTIeJfpO+1Ib>H1J@a&~< zN#exGkBQuPi_&yiV@;F+qU7 zZmwfGz$wqu`2#H~ zF}mNkU04MlnGu1TX&__DqR67Bn5sW=A=19NrLOTw=*cavmh2lfH4LXE&x7aTiH_zpTeLEZ*AtPTkW1 z*zIHGh7;Md#pZ3$2@8lx6NChKU%#mp2!Qz-ZDTA1`SZzqc?4MLH3$9dI{ zO;2^1C}aHoWot??o%Nn+J?oin*Rq!fc2EV0iF^JAQzLO`gB(wI00000NkvXXu0mjf D<+{D{ literal 0 HcmV?d00001 From 0a6f8d6316817482b60e5d6f559c965da807ee70 Mon Sep 17 00:00:00 2001 From: JSM Date: Wed, 6 Nov 2024 20:49:54 +0900 Subject: [PATCH 2/2] =?UTF-8?q?Refactor:=20onClick=20=EC=BD=94=EB=93=9C=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/HeaderMenu.tsx | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/components/HeaderMenu.tsx b/components/HeaderMenu.tsx index e9f6d8b..728f98c 100644 --- a/components/HeaderMenu.tsx +++ b/components/HeaderMenu.tsx @@ -9,14 +9,10 @@ const HeaderMenu = () => { const isLoggedIn = false; const router = useRouter() - const handleClick = () => { - router.push('/login') - } - return ( <> {!isLoggedIn ? ( - + ) : (