Merge branch 'dev' of https://github.com/MBTips/FE-MBTips into fix/header-component-border-수정

Author: Soohyuniii

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,11 @@
+# Pull requests
+### ✅ 작업한 내용
+- [x] 
+
+### :1234: 이슈 번호
+- 
+
+### ❗️PR Point
+- 없음
+
+### 📸 스크린샷

package.json

@@ -4,8 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
+    "dev": "vite --mode development",
+    "build": "vite build --mode production",
     "lint": "eslint .",
     "preview": "vite preview"
   },

src/App.tsx

@@ -11,7 +11,7 @@ import KaKaoLogin from "@/pages/KaKaoLogin";
 import MbtiTestIntro from "@/pages/MbtiTestIntro";
 import MbtiTestQuestions from "@/pages/MbtiTestQuestions";
 import MbtiTestResult from "@/pages/MbtiTestResult";
-import CenteredLayout from "./components/CenteredLayout";
+import CenteredLayout from "@/components/CenteredLayout";
 
 const App = () => {
   return (

src/components/CenteredLayout.tsx

@@ -1,14 +1,12 @@
-import { ReactNode } from 'react';
+import { ReactNode } from "react";
 
 interface CenteredLayoutProps {
   children: ReactNode;
 }
 
 const CenteredLayout = ({ children }: CenteredLayoutProps) => (
-  <div className="flex justify-center w-screen">
-    <div className="w-full flex justify-center">
-      {children}
-    </div>
+  <div className="flex min-h-screen w-screen justify-center bg-gray-50">
+    <div className="flex w-full justify-center bg-gray-50">{children}</div>
   </div>
 );
 

vite.config.ts

@@ -3,48 +3,56 @@ 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 설정을 추가해야 합니다.
-export default defineConfig({
-  server: {
-    https: {
-      key: fs.readFileSync("./certs/key.pem"),
-      cert: fs.readFileSync("./certs/cert.pem")
+
+export default defineConfig(({ mode }: { mode: string }) => {
+  const isProduction = mode === "production";
+
+  return {
+    server: {
+      https: isProduction
+        ? undefined // 배포 환경에서는 HTTPS를 비활성화 (Nginx가 처리)
+        : {
+            key: fs.readFileSync("./certs/key.pem"),
+            cert: fs.readFileSync("./certs/cert.pem")
+          }
+    },
+    plugins: [react(), tailwindcss()],
+    resolve: {
+      alias: [
+        { find: "@/", replacement: path.resolve(__dirname, "src") },
+        { find: "@/api", replacement: path.resolve(__dirname, "src/api") },
+        {
+          find: "@/api",
+          replacement: path.resolve(__dirname, "src/api")
+        },
+        {
+          find: "@/components",
+          replacement: path.resolve(__dirname, "src/components")
+        },
+        { find: "@/hooks", replacement: path.resolve(__dirname, "src/hooks") },
+        {
+          find: "@/pages",
+          replacement: path.resolve(__dirname, "src/pages")
+        },
+        { find: "@/store", replacement: path.resolve(__dirname, "src/store") },
+        { find: "@/types", replacement: path.resolve(__dirname, "src/types") },
+        { find: "@/utils", replacement: path.resolve(__dirname, "src/utils") },
+        {
+          find: "@/constants",
+          replacement: path.resolve(__dirname, "src/constants")
+        },
+        {
+          find: "@/store",
+          replacement: path.resolve(__dirname, "src/store")
+        },
+        {
+          find: "@/api",
+          replacement: path.resolve(__dirname, "src/api")
+        }
+      ]
     }
-  },
-  plugins: [react(), tailwindcss()],
-  resolve: {
-    alias: [
-      { find: "@/", replacement: path.resolve(__dirname, "src") },
-      { find: "@/api", replacement: path.resolve(__dirname, "src/api") },
-      {
-        find: "@/api",
-        replacement: path.resolve(__dirname, "src/api")
-      },
-      {
-        find: "@/components",
-        replacement: path.resolve(__dirname, "src/components")
-      },
-      { find: "@/hooks", replacement: path.resolve(__dirname, "src/hooks") },
-      {
-        find: "@/pages",
-        replacement: path.resolve(__dirname, "src/pages")
-      },
-      { find: "@/store", replacement: path.resolve(__dirname, "src/store") },
-      { find: "@/types", replacement: path.resolve(__dirname, "src/types") },
-      { find: "@/utils", replacement: path.resolve(__dirname, "src/utils") },
-      {
-        find: "@/constants",
-        replacement: path.resolve(__dirname, "src/constants")
-      },
-      {
-        find: "@/store",
-        replacement: path.resolve(__dirname, "src/store")
-      },
-      {
-        find: "@/api",
-        replacement: path.resolve(__dirname, "src/api")
-      }
-    ]
-  }
+  };
 });