Merge pull request #77 from Soohyuniii/feature/local에-https띄우기

feat: https 띄우기 작업

Author: Soohyuniii

.gitignore

@@ -22,3 +22,7 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Vite HTTPS 인증서 관련 파일
+certs/
+*.pem

package-lock.json

@@ -22,6 +22,7 @@
   "devDependencies": {
     "@eslint/js": "^9.17.0",
     "@types/axios": "^0.9.36",
+    "@types/node": "^22.13.13",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
@@ -36,6 +37,7 @@
     "prettier-plugin-tailwindcss": "^0.6.11",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.22.0",
-    "vite": "^6.0.5"
+    "vite": "^6.0.5",
+    "vite-plugin-mkcert": "^1.17.8"
   }
 }

package.json

@@ -2,10 +2,16 @@ import * as path from "path";
 import react from "@vitejs/plugin-react";
 import tailwindcss from "@tailwindcss/vite";
 import { defineConfig } from "vite";
-
+import fs from "fs";
 // vite에서 @/store/useAuthStore와 같은 절대 경로를 사용하려면,
-// vite.config.ts 파일에서 alias 설정을 추가해야 합니다. 
+// vite.config.ts 파일에서 alias 설정을 추가해야 합니다.
 export default defineConfig({
+  server: {
+    https: {
+      key: fs.readFileSync("./certs/key.pem"),
+      cert: fs.readFileSync("./certs/cert.pem")
+    }
+  },
   plugins: [react(), tailwindcss()],
   resolve: {
     alias: [
@@ -29,7 +35,7 @@ export default defineConfig({
       {
         find: "@/constants",
         replacement: path.resolve(__dirname, "src/constants")
-      },
+      }
     ]
   }
 });