Config: #3 TS config & Vite config에 절대 경로 추가

tsconfig.json

@@ -19,8 +19,25 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+
+    /* Path */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"],
+      "@assets/*": ["src/assets/*"],
+      "@common/*": ["src/common/*"],
+      "@components/*": ["src/components/*"],
+      "@constants/*": ["src/constants/*"],
+      "@hooks/*": ["src/hooks/*"],
+      "@layouts/*": ["src/layouts/*"],
+      "@mocks/*": ["src/mocks/*"],
+      "@pages/*": ["src/pages/*"],
+      "@services/*": ["src/services/*"],
+      "@stories/*": ["src/stories/*"],
+      "@utils/*": ["src/utils/*"]
+    }
   },
-  "include": ["src"],
+  "include": ["src", "vitest.setup.ts", "vite.config.ts"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

vite.config.ts

@@ -1,6 +1,7 @@
 /// <reference types="vitest" />
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react-swc';
+import path from 'path';
 
 export default defineConfig({
   plugins: [react()],
@@ -10,4 +11,20 @@ export default defineConfig({
     setupFiles: './vitest.setup.ts',
     css: true,
   },
+  resolve: {
+    alias: [
+      { find: '@', replacement: path.resolve(__dirname, 'src') },
+      { find: '@assets', replacement: path.resolve(__dirname, 'src/assets') },
+      { find: '@common', replacement: path.resolve(__dirname, 'src/common') },
+      { find: '@components', replacement: path.resolve(__dirname, 'src/components') },
+      { find: '@constants', replacement: path.resolve(__dirname, 'src/constants') },
+      { find: '@hooks', replacement: path.resolve(__dirname, 'src/hooks') },
+      { find: '@layouts', replacement: path.resolve(__dirname, 'src/layouts') },
+      { find: '@mocks', replacement: path.resolve(__dirname, 'src/mocks') },
+      { find: '@pages', replacement: path.resolve(__dirname, 'src/pages') },
+      { find: '@services', replacement: path.resolve(__dirname, 'src/services') },
+      { find: '@stories', replacement: path.resolve(__dirname, 'src/stories') },
+      { find: '@utils', replacement: path.resolve(__dirname, 'src/utils') },
+    ],
+  },
 });