diff --git a/.prettierignore b/.prettierignore
index c34c26c..bd5535a 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,3 +1 @@
 pnpm-lock.yaml
-dist/
-.astro/
diff --git a/apps/portfolio/prettier.config.cjs b/apps/portfolio/prettier.config.js
similarity index 60%
rename from apps/portfolio/prettier.config.cjs
rename to apps/portfolio/prettier.config.js
index bdd6abb..194822b 100644
--- a/apps/portfolio/prettier.config.cjs
+++ b/apps/portfolio/prettier.config.js
@@ -1,4 +1,4 @@
-const baseConfig = require('../../prettier.config.cjs');
+import baseConfig from '../../prettier.config.js';
 
 /** @satisfies {import('prettier').Config} */
 const config = {
@@ -7,4 +7,4 @@ const config = {
   tailwindConfig: './tailwind.config.ts',
 };
 
-module.exports = config;
+export default config;
diff --git a/apps/portfolio/src/components/Button.astro b/apps/portfolio/src/components/Button.astro
index 1a5bc7c..b51bdbf 100644
--- a/apps/portfolio/src/components/Button.astro
+++ b/apps/portfolio/src/components/Button.astro
@@ -14,7 +14,7 @@ const { type = 'button', class: className, ...restProps } = Astro.props;
 <button
   {type}
   class:list={[
-    'bg-transparent border-0 cursor-pointer inline-flex items-center justify-center',
+    'inline-flex cursor-pointer items-center justify-center border-0 bg-transparent',
     className,
   ]}
   {...restProps}
diff --git a/apps/portfolio/src/components/NotReadyDialogButton.astro b/apps/portfolio/src/components/NotReadyDialogButton.astro
index 9238cc5..593f380 100644
--- a/apps/portfolio/src/components/NotReadyDialogButton.astro
+++ b/apps/portfolio/src/components/NotReadyDialogButton.astro
@@ -25,7 +25,7 @@ const { class: className } = Astro.props;
   <dialog
     class:list={[
       'mx-auto mb-auto mt-16 max-h-none max-w-none bg-transparent backdrop:bg-backdrop',
-      'starting:open:translate-y-[-31.5rem] open:translate-y-0 translate-y-[-31.5rem]',
+      'translate-y-[-31.5rem] open:translate-y-0 starting:open:translate-y-[-31.5rem]',
       'transition-dialog',
     ]}
   >
diff --git a/apps/portfolio/src/layouts/BaseLayout.astro b/apps/portfolio/src/layouts/BaseLayout.astro
index 2ad6463..16dc2a0 100644
--- a/apps/portfolio/src/layouts/BaseLayout.astro
+++ b/apps/portfolio/src/layouts/BaseLayout.astro
@@ -13,7 +13,7 @@ interface Props {
 const { title, pageName } = Astro.props;
 ---
 
-<!DOCTYPE html>
+<!doctype html>
 <html lang="ko" class="bg-primary font-default scheme-dark">
   <head>
     <meta charset="utf-8" />
diff --git a/apps/portfolio/src/styles/jetbrains-mono.css b/apps/portfolio/src/styles/jetbrains-mono.css
index 034e13b..fc7f5b1 100644
--- a/apps/portfolio/src/styles/jetbrains-mono.css
+++ b/apps/portfolio/src/styles/jetbrains-mono.css
@@ -2,6 +2,7 @@
   font-family: 'JetBrains Mono';
   font-weight: 400;
   font-display: swap;
-  src: local('JetBrains Mono Regular'),
+  src:
+    local('JetBrains Mono Regular'),
     url(/fonts/JetBrains-Mono-Regular.woff2) format('woff2');
 }
diff --git a/package.json b/package.json
index 9bf085d..595f6bf 100644
--- a/package.json
+++ b/package.json
@@ -12,9 +12,8 @@
     "format:check": "prettier \"**/*.{astro,ts,cjs,css,json,md,yml,yaml}\" --check"
   },
   "devDependencies": {
-    "@nix6839/prettier-config": "1.0.8",
+    "@nix6839/prettier-config": "2.0.2",
     "@types/eslint": "8.44.4",
-    "@types/prettier": "2.7.3",
     "@typescript-eslint/eslint-plugin": "6.7.5",
     "@typescript-eslint/parser": "6.7.5",
     "eslint": "8.51.0",
@@ -22,9 +21,9 @@
     "eslint-plugin-astro": "0.29.1",
     "nx": "16.10.0",
     "nx-cloud": "16.5.2",
-    "prettier": "2.8.8",
-    "prettier-plugin-astro": "0.10.0",
-    "prettier-plugin-tailwindcss": "0.4.1"
+    "prettier": "3.0.3",
+    "prettier-plugin-astro": "0.12.0",
+    "prettier-plugin-tailwindcss": "0.5.6"
   },
   "packageManager": "pnpm@8.9.0+sha256.8f5264ad1d100da11a6add6bb8a94c6f1e913f9e9261b2a551fabefad2ec0fec"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0a642ec..2ce3b0a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,14 +9,11 @@ importers:
   .:
     devDependencies:
       '@nix6839/prettier-config':
-        specifier: 1.0.8
-        version: 1.0.8(@types/prettier@2.7.3)(prettier@2.8.8)
+        specifier: 2.0.2
+        version: 2.0.2(prettier@3.0.3)
       '@types/eslint':
         specifier: 8.44.4
         version: 8.44.4
-      '@types/prettier':
-        specifier: 2.7.3
-        version: 2.7.3
       '@typescript-eslint/eslint-plugin':
         specifier: 6.7.5
         version: 6.7.5(@typescript-eslint/parser@6.7.5)(eslint@8.51.0)(typescript@5.2.2)
@@ -39,14 +36,14 @@ importers:
         specifier: 16.5.2
         version: 16.5.2
       prettier:
-        specifier: 2.8.8
-        version: 2.8.8
+        specifier: 3.0.3
+        version: 3.0.3
       prettier-plugin-astro:
-        specifier: 0.10.0
-        version: 0.10.0
+        specifier: 0.12.0
+        version: 0.12.0
       prettier-plugin-tailwindcss:
-        specifier: 0.4.1
-        version: 0.4.1(prettier-plugin-astro@0.10.0)(prettier@2.8.8)
+        specifier: 0.5.6
+        version: 0.5.6(prettier-plugin-astro@0.12.0)(prettier@3.0.3)
 
   apps/portfolio:
     dependencies:
@@ -62,7 +59,7 @@ importers:
     devDependencies:
       '@astrojs/check':
         specifier: 0.2.1
-        version: 0.2.1(prettier-plugin-astro@0.10.0)(prettier@2.8.8)(typescript@5.2.2)
+        version: 0.2.1(prettier-plugin-astro@0.12.0)(prettier@3.0.3)(typescript@5.2.2)
       fetch-pretendard:
         specifier: workspace:^
         version: link:../../packages/fetch-pretendard
@@ -121,13 +118,13 @@ packages:
       '@jridgewell/trace-mapping': 0.3.19
     dev: false
 
-  /@astrojs/check@0.2.1(prettier-plugin-astro@0.10.0)(prettier@2.8.8)(typescript@5.2.2):
+  /@astrojs/check@0.2.1(prettier-plugin-astro@0.12.0)(prettier@3.0.3)(typescript@5.2.2):
     resolution: {integrity: sha512-s85uBS/qjnqsKAeM0VKNWKvNaqvR06ZJupEwr2oT5/6Bti7qB5Vd8KekWIRAu2/WqOXHMFaDJz5D+qSizFnq5g==}
     hasBin: true
     peerDependencies:
       typescript: ^5.0.0
     dependencies:
-      '@astrojs/language-server': 2.4.0(prettier-plugin-astro@0.10.0)(prettier@2.8.8)(typescript@5.2.2)
+      '@astrojs/language-server': 2.4.0(prettier-plugin-astro@0.12.0)(prettier@3.0.3)(typescript@5.2.2)
       chokidar: 3.5.3
       fast-glob: 3.3.1
       kleur: 4.1.5
@@ -153,7 +150,7 @@ packages:
     resolution: {integrity: sha512-06DD2ZnItMwUnH81LBLco3tWjcZ1lGU9rLCCBaeUCGYe9cI0wKyY2W3kDyoW1I6GmcWgt1fu+D1CTvz+FIKf8A==}
     dev: false
 
-  /@astrojs/language-server@2.4.0(prettier-plugin-astro@0.10.0)(prettier@2.8.8)(typescript@5.2.2):
+  /@astrojs/language-server@2.4.0(prettier-plugin-astro@0.12.0)(prettier@3.0.3)(typescript@5.2.2):
     resolution: {integrity: sha512-L5lbTt1zZiCYGxahGhbJ1m2THaZxBBuA3MrwvhwZ+xVy6/k13W0Xy4nVe0gUBoCizZdKEDL3puoW615waJaTBQ==}
     hasBin: true
     peerDependencies:
@@ -175,12 +172,12 @@ packages:
       '@volar/typescript': 1.10.4
       fast-glob: 3.3.1
       muggle-string: 0.3.1
-      prettier: 2.8.8
-      prettier-plugin-astro: 0.10.0
+      prettier: 3.0.3
+      prettier-plugin-astro: 0.12.0
       volar-service-css: 0.0.14(@volar/language-service@1.10.4)
       volar-service-emmet: 0.0.14(@volar/language-service@1.10.4)
       volar-service-html: 0.0.14(@volar/language-service@1.10.4)
-      volar-service-prettier: 0.0.14(@volar/language-service@1.10.4)(prettier@2.8.8)
+      volar-service-prettier: 0.0.14(@volar/language-service@1.10.4)(prettier@3.0.3)
       volar-service-typescript: 0.0.14(@volar/language-service@1.10.4)(@volar/typescript@1.10.4)
       volar-service-typescript-twoslash-queries: 0.0.14(@volar/language-service@1.10.4)
       vscode-html-languageservice: 5.1.0
@@ -982,26 +979,12 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.15
     dev: false
 
-  /@nix6839/prettier-config@1.0.8(@types/prettier@2.7.3)(prettier@2.8.8):
-    resolution: {integrity: sha512-c1eBWI+WGkZAmmkIiVn91C20eUFt17gOM6bFDTD7/LC4jpZ+AjlnVw8RjaJaDw0WzSZtbiWqupfIAHuw/ImN1g==}
-    peerDependencies:
-      '@types/prettier': ^2.7.1
-      prettier: ^2.7.1
-    peerDependenciesMeta:
-      '@types/prettier':
-        optional: true
-    dependencies:
-      '@types/prettier': 2.7.3
-      prettier: 2.8.8
-    dev: true
-
   /@nix6839/prettier-config@2.0.2(prettier@3.0.3):
     resolution: {integrity: sha512-Nig5WQBzboQsw2j49axm1pPTKJ+4o6IdHPgFHgtBR4ga6L+ET++6fudkpDK/j6FJqWmAl+Tfxqfm3TPNPkL1Mg==}
     peerDependencies:
       prettier: ^3.0.1
     dependencies:
       prettier: 3.0.3
-    dev: false
 
   /@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
@@ -1251,10 +1234,6 @@ packages:
     resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
     dev: false
 
-  /@types/prettier@2.7.3:
-    resolution: {integrity: sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==}
-    dev: true
-
   /@types/semver@7.5.3:
     resolution: {integrity: sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==}
     dev: true
@@ -4356,25 +4335,25 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier-plugin-astro@0.10.0:
-    resolution: {integrity: sha512-dPzop0gKZyVGpTDQmfy+e7FKXC9JT3mlpfYA2diOVz+Ui+QR1U4G/s+OesKl2Hib2JJOtAYJs/l+ovgT0ljlFA==}
-    engines: {node: ^14.15.0 || >=16.0.0, pnpm: '>=7.14.0'}
+  /prettier-plugin-astro@0.12.0:
+    resolution: {integrity: sha512-8E+9YQR6/5CPZJs8XsfBw579zrwZkc0Wb7x0fRVm/51JC8Iys4lBw4ecV8fHwpbQnzve86TUa4fJ08BJzqfWnA==}
+    engines: {node: ^14.15.0 || >=16.0.0}
     dependencies:
       '@astrojs/compiler': 1.8.2
-      prettier: 2.8.8
+      prettier: 3.0.3
       sass-formatter: 0.7.8
     dev: true
 
-  /prettier-plugin-tailwindcss@0.4.1(prettier-plugin-astro@0.10.0)(prettier@2.8.8):
-    resolution: {integrity: sha512-hwn2EiJmv8M+AW4YDkbjJ6HlZCTzLyz1QlySn9sMuKV/Px0fjwldlB7tol8GzdgqtkdPtzT3iJ4UzdnYXP25Ag==}
-    engines: {node: '>=12.17.0'}
+  /prettier-plugin-tailwindcss@0.5.6(prettier-plugin-astro@0.12.0)(prettier@3.0.3):
+    resolution: {integrity: sha512-2Xgb+GQlkPAUCFi3sV+NOYcSI5XgduvDBL2Zt/hwJudeKXkyvRS65c38SB0yb9UB40+1rL83I6m0RtlOQ8eHdg==}
+    engines: {node: '>=14.21.3'}
     peerDependencies:
       '@ianvs/prettier-plugin-sort-imports': '*'
       '@prettier/plugin-pug': '*'
       '@shopify/prettier-plugin-liquid': '*'
       '@shufo/prettier-plugin-blade': '*'
       '@trivago/prettier-plugin-sort-imports': '*'
-      prettier: ^2.2 || ^3.0
+      prettier: ^3.0
       prettier-plugin-astro: '*'
       prettier-plugin-css-order: '*'
       prettier-plugin-import-sort: '*'
@@ -4417,21 +4396,14 @@ packages:
       prettier-plugin-twig-melody:
         optional: true
     dependencies:
-      prettier: 2.8.8
-      prettier-plugin-astro: 0.10.0
-    dev: true
-
-  /prettier@2.8.8:
-    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
+      prettier: 3.0.3
+      prettier-plugin-astro: 0.12.0
     dev: true
 
   /prettier@3.0.3:
     resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
     engines: {node: '>=14'}
     hasBin: true
-    dev: false
 
   /pretty-format@29.7.0:
     resolution: {integrity: sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==}
@@ -5478,7 +5450,7 @@ packages:
       vscode-uri: 3.0.8
     dev: true
 
-  /volar-service-prettier@0.0.14(@volar/language-service@1.10.4)(prettier@2.8.8):
+  /volar-service-prettier@0.0.14(@volar/language-service@1.10.4)(prettier@3.0.3):
     resolution: {integrity: sha512-woZLBikvv8u0jUAq10ZTtuo9hmnQ1RHZubMhzyJbWwkr6L7wT7bPZkscdyaCGrzBT3Pz4zbS0bnpAC5GLAILTA==}
     peerDependencies:
       '@volar/language-service': ~1.10.0
@@ -5490,7 +5462,7 @@ packages:
         optional: true
     dependencies:
       '@volar/language-service': 1.10.4
-      prettier: 2.8.8
+      prettier: 3.0.3
     dev: true
 
   /volar-service-typescript-twoslash-queries@0.0.14(@volar/language-service@1.10.4):
diff --git a/prettier.config.cjs b/prettier.config.js
similarity index 60%
rename from prettier.config.cjs
rename to prettier.config.js
index 05c1ad4..f7cf695 100644
--- a/prettier.config.cjs
+++ b/prettier.config.js
@@ -1,9 +1,11 @@
-const tailwind = require('prettier-plugin-tailwindcss');
-const astro = require('prettier-plugin-astro');
+import hwyConfig from '@nix6839/prettier-config';
+
+const tailwind = 'prettier-plugin-tailwindcss'
+const astro = 'prettier-plugin-astro'
 
 /** @satisfies {import('prettier').Config} */
 const config = {
-  ...require('@nix6839/prettier-config'),
+  ...hwyConfig,
 
   plugins: [tailwind],
 
@@ -19,4 +21,4 @@ const config = {
   ],
 };
 
-module.exports = config;
+export default config;
