diff --git a/components/header.js b/components/header.js
new file mode 100644
index 0000000..e51bbfe
--- /dev/null
+++ b/components/header.js
@@ -0,0 +1,68 @@
+import "./link-button/link-button.js";
+
+const template = document.createElement("template");
+template.innerHTML = `
+
+
+`;
+
+class HeaderComponent extends HTMLElement {
+ constructor() {
+ super();
+ this.attachShadow({ mode: "open" });
+ this.shadowRoot.appendChild(template.content.cloneNode(true));
+ }
+}
+
+customElements.define("header-component", HeaderComponent);
+
diff --git a/index.html b/index.html
index d9c7fe8..c9a08c5 100644
--- a/index.html
+++ b/index.html
@@ -234,16 +234,7 @@
-
-
-
-
달레 스터디
-
-
- 참여방법 안내
- 디스코드 참여하기
-
-
+
diff --git a/main.js b/main.js
index 16d65c9..ea39064 100644
--- a/main.js
+++ b/main.js
@@ -1,6 +1,8 @@
import "./components/divider/divider.js";
import "./components/footer-link/footer-link.js";
+import "./components/header.js"
import "./components/hero/hero.js";
import "./components/link-button/link-button.js";
import "./components/review-item/review-item.js";
import "./components/seo-meta-tag/seo-meta-tag.js";
+