+ `;
+};
+
+export default Footer;
diff --git a/src/widgets/Header.js b/src/widgets/Header.js
new file mode 100644
index 00000000..29ba7f45
--- /dev/null
+++ b/src/widgets/Header.js
@@ -0,0 +1,59 @@
+import userService from "../features/UserService";
+import { BASE_URL } from "../shared/const";
+import { router } from "../app";
+
+const Header = () => {
+ const LOGOUT = "로그아웃";
+ const navItemList = [
+ { href: "/", title: "홈" },
+ { href: "/profile", title: "프로필" },
+ userService.isLoggedIn()
+ ? { href: "/login", title: LOGOUT }
+ : { href: "/login", title: "로그인" },
+ ];
+
+ const currentPath =
+ window.location.hash?.replace("#", "") || window.location.pathname;
+
+ const isCurrNav = (path) => path === currentPath;
+ const navTextColor = (path) => (isCurrNav(path) ? "blue-600" : "gray-600");
+ const navFontWeight = (path) => (isCurrNav(path) ? "bold" : "");
+
+ const view = `
+
+
+
+
+
${createdBy}
+
${timeConverter(new Date().getTime() - createdAt)}
+
+
+
${content}
+
+
+
+
+
+