diff --git a/src/assets/Menu.svg b/src/assets/Menu.svg
index dbe9764..44a6caf 100644
--- a/src/assets/Menu.svg
+++ b/src/assets/Menu.svg
@@ -1,3 +1,3 @@
diff --git a/src/assets/maru-egg.png b/src/assets/maru-egg.png
new file mode 100644
index 0000000..fdcf813
Binary files /dev/null and b/src/assets/maru-egg.png differ
diff --git a/src/routes/app-routes.tsx b/src/routes/app-routes.tsx
index 6ee168c..8b6ce2b 100644
--- a/src/routes/app-routes.tsx
+++ b/src/routes/app-routes.tsx
@@ -2,11 +2,12 @@ import React from 'react';
import { Route, Routes } from 'react-router-dom';
import AdminRoutes from './admin-routes';
import PageTest from '../ui/pages/page-test';
+import MaruEgg from '../ui/pages/maru-egg';
const AppRoutes: React.FC = () => {
return (
- 챗봇이 들어갈 곳} />
+ } />
} />
} />
diff --git a/src/ui/components/molecule/user/header/header.tsx b/src/ui/components/molecule/user/header/header.tsx
new file mode 100644
index 0000000..ea4bd56
--- /dev/null
+++ b/src/ui/components/molecule/user/header/header.tsx
@@ -0,0 +1,49 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { ReactComponent as RefreshIcon } from '../../../../../assets/Refresh.svg';
+import { ReactComponent as MenuIcon } from '../../../../../assets/Menu.svg';
+import maruEgg from '../../../../../assets/maru-egg.png';
+import IconButton from '../../../atom/icon/icon-button';
+
+interface HeaderProps {
+ type: string;
+}
+
+const Header = ({ type }: HeaderProps) => {
+ const navigate = useNavigate();
+ const [menuOpen, setMenuOpen] = useState(false);
+
+ const handleRefreshClick = () => {
+ navigate('/');
+ console.log('새로고침');
+ };
+
+ const handleMenuClick = () => {
+ setMenuOpen(!menuOpen);
+ };
+
+ return (
+
+
+
+
+
+
+
명지대학교 입학처 챗봇
+
+
+
+
+
+
+
+
+ );
+};
+
+export default MaruEgg;