diff --git a/.prettierrc b/.prettierrc
index 530dd7e..f3b41a1 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,5 +1,14 @@
 {
   "trailingComma": "es5",
   "tabWidth": 2,
-  "semi": true
+  "semi": true,
+  "plugins": ["prettier-plugin-astro"],
+  "overrides": [
+    {
+      "files": "*.astro",
+      "options": {
+        "parser": "astro"
+      }
+    }
+  ]
 }
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 3662b37..365600b 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,7 @@
 {
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "prettier.documentSelectors": ["**/*.astro"],
+  "[astro]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }
\ No newline at end of file
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index f1fcb43..a81633a 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/src/components/FormattedDate.astro b/src/components/FormattedDate.astro
index 1bcce73..8f59590 100644
--- a/src/components/FormattedDate.astro
+++ b/src/components/FormattedDate.astro
@@ -1,17 +1,17 @@
 ---
 interface Props {
-	date: Date;
+  date: Date;
 }
 
 const { date } = Astro.props;
 ---
 
 <time datetime={date.toISOString()}>
-	{
-		date.toLocaleDateString('en-us', {
-			year: 'numeric',
-			month: 'short',
-			day: 'numeric',
-		})
-	}
+  {
+    date.toLocaleDateString("en-us", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+    })
+  }
 </time>
diff --git a/src/components/LinkPreview.astro b/src/components/LinkPreview.astro
index 250f141..e27f5c1 100644
--- a/src/components/LinkPreview.astro
+++ b/src/components/LinkPreview.astro
@@ -3,15 +3,19 @@
 interface Props {
   src: string;
 }
-import jsdom from 'jsdom';
+import jsdom from "jsdom";
 const { src } = Astro.props;
 
 const response = await fetch(src);
 const html = await response.text();
 const { document } = new jsdom.JSDOM(html)?.window;
-const title = document.querySelector('title')?.textContent;
-const description = document.querySelector('meta[name=description]')?.getAttribute('content');
-const image = document.querySelector("meta[property='og:image']")?.getAttribute('content');
+const title = document.querySelector("title")?.textContent;
+const description = document
+  .querySelector("meta[name=description]")
+  ?.getAttribute("content");
+const image = document
+  .querySelector("meta[property='og:image']")
+  ?.getAttribute("content");
 ---
 
 <a class="link-preview" href={src} target="_blank" rel="noopener noreferrer">
diff --git "a/src/content/blog/\354\226\264\353\226\273\352\262\214 \353\254\270\354\240\234\353\245\274 \355\222\200 \352\262\203\354\235\270\352\260\200.mdx" "b/src/content/blog/\354\226\264\353\226\273\352\262\214 \353\254\270\354\240\234\353\245\274 \355\222\200 \352\262\203\354\235\270\352\260\200.mdx"
index 504fecd..6503854 100644
--- "a/src/content/blog/\354\226\264\353\226\273\352\262\214 \353\254\270\354\240\234\353\245\274 \355\222\200 \352\262\203\354\235\270\352\260\200.mdx"	
+++ "b/src/content/blog/\354\226\264\353\226\273\352\262\214 \353\254\270\354\240\234\353\245\274 \355\222\200 \352\262\203\354\235\270\352\260\200.mdx"	
@@ -5,7 +5,6 @@ author: "Yongseok"
 pubDate: "Feb 10 2024"
 categories: ["book"]
 heroImage: "/how_to_solve_it_placeholder.png"
-
 ---
 
 
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index ee6733c..9997375 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -1,9 +1,9 @@
 ---
 import type { CollectionEntry } from "astro:content";
 import BaseHead from "../components/BaseHead.astro";
-import Header from "../components/Header.astro";
 import Footer from "../components/Footer.astro";
 import FormattedDate from "../components/FormattedDate.astro";
+import Header from "../components/Header.astro";
 
 type Props = CollectionEntry<"blog">["data"];
 
@@ -68,7 +68,6 @@ const { title, description, pubDate, updatedDate, heroImage, categories } =
       }
     </style>
   </head>
-
   <body>
     <Header />
     <main>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index a921ffd..434688c 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -48,6 +48,6 @@ import Layout from "../layouts/BlogPost.astro";
     Hi! 👋<br /> My name is YongSeok Jang <br /> and I am a frontend engineer.
     <br />
     <br />
-     Based in Seoul, South Korea. 🇰🇷
+    Based in Seoul, South Korea. 🇰🇷
   </h1>
 </Layout>