diff --git a/src/assets/woni/woni_happy.png b/src/assets/woni/woni_happy.png
new file mode 100644
index 0000000..dbfaa2b
Binary files /dev/null and b/src/assets/woni/woni_happy.png differ
diff --git a/src/components/UI/Header/Header.tsx b/src/components/UI/Header/Header.tsx
index cd2efb4..88ddeb8 100644
--- a/src/components/UI/Header/Header.tsx
+++ b/src/components/UI/Header/Header.tsx
@@ -16,13 +16,13 @@ import { accessTokenAtom } from "@/globalState";
import { authSocialAPI } from "@/apis";
import Logo from "@/assets/main/logo.png";
-import { Row } from "@/components/Layouts";
+import { Column, Row } from "@/components/Layouts";
import { Button } from "@/components/Design";
import { WhatIF } from "@/components/Utilities";
-import { LoginButton } from "./private";
+import { LoginButton, LoggedIn } from "./private";
export default function Header({}: {}) {
- const { isLoggedIn, logout } = useAuth();
+ const { isLoggedIn } = useAuth();
const router = useRouter();
const [accessToken, setAccessToken] = useAtom(accessTokenAtom);
@@ -170,16 +170,7 @@ export default function Header({}: {}) {
}
>
-
-
- 로그아웃
-
-
+
diff --git a/src/components/UI/Header/private/LoggedIn.tsx b/src/components/UI/Header/private/LoggedIn.tsx
new file mode 100644
index 0000000..e14eff7
--- /dev/null
+++ b/src/components/UI/Header/private/LoggedIn.tsx
@@ -0,0 +1,49 @@
+/*
+ * Created on Sun Jun 02 2024
+ *
+ * Copyright (c) 2024 Your Company
+ */
+
+import styled from "@emotion/styled";
+import Image from "next/image";
+
+import { Column, Row } from "@/components/Layouts";
+import { useAuth } from "@/hooks";
+import { Button } from "@/components/Design";
+
+import woni_happy from "@/assets/woni/woni_happy.png";
+
+export default function LoggedIn() {
+ const { logout } = useAuth();
+
+ return (
+
+
+
+ 내 정보
+
+
+ 로그아웃
+
+
+
+
+
+
+ );
+}
+
+const Wrapper = styled(Row.li)`
+ border-radius: 20px;
+ border: 2px solid ${({ theme }) => theme.color.primary_60};
+ padding: 9px 14px;
+`;
diff --git a/src/components/UI/Header/private/index.ts b/src/components/UI/Header/private/index.ts
index f20e9d6..f5accdb 100644
--- a/src/components/UI/Header/private/index.ts
+++ b/src/components/UI/Header/private/index.ts
@@ -5,3 +5,4 @@
*/
export { default as LoginButton } from "./LoginButton";
+export { default as LoggedIn } from "./LoggedIn";