[⛏setting] package 세팅

Author: 6suk

.eslintrc.json

@@ -5,10 +5,7 @@
   },
   "settings": {
     "import/resolver": {
-      "node": {},
-      "typescript": {
-        "directory": "./src"
-      }
+      "typescript": {}
     },
     "import/parsers": { "@typescript-eslint/parser": [".ts", ".tsx"] },
     "react": {
@@ -40,6 +37,7 @@
     "sourceType": "module"
   },
   "rules": {
+    "import/default": "off",
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "warn",
     "no-console": "warn",
@@ -107,4 +105,4 @@
       }
     ]
   }
-}
+}

.prettierrc

@@ -1,5 +1,5 @@
 {
-  "printWidth": 80,
+  "printWidth": 120,
   "tabWidth": 2,
   "singleQuote": true,
   "trailingComma": "es5",

package-lock.json

@@ -16,7 +16,9 @@
     "react-dom": "^18.2.0",
     "react-redux": "^8.1.1",
     "react-router-dom": "^6.14.2",
+    "redux-persist": "^6.0.0",
     "styled-components": "^6.0.4",
+    "swr": "^2.2.0",
     "web-vitals": "^3.4.0"
   },
   "devDependencies": {

package.json

@@ -1,6 +1,6 @@
 import { createGlobalStyle } from 'styled-components';
 
-const GlobalStyle = createGlobalStyle`
+export const GlobalStyle = createGlobalStyle`
 #root {
   max-width: 1280px;
   margin: 0 auto;
@@ -63,5 +63,3 @@ button:focus-visible {
 }
 
 `;
-
-export default GlobalStyle;

src/styles/GlobalStyle.tsx

@@ -2,12 +2,12 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "assets/*": ["src/assets/*"],
-      "components/*": ["src/components/*"],
-      "pages/*": ["src/pages/*"],
-      "styles/*": ["src/styles/*"],
-      "utils/*": ["src/utils/*"],
-      "stores/*": ["src/stores/*"]
+      "@apis/*": ["src/apis/*"],
+      "@hooks/*": ["src/hooks/*"],
+      "@assets/*": ["src/assets/*"],
+      "@stores/*": ["src/stores/*"],
+      "@components/*": ["src/components/*"],
+      "@/*": ["src/*"]
     }
   }
 }

tsconfig.base.json

@@ -21,6 +21,6 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src"],
+  "include": ["src", "**/*.ts", "**/*.tsx"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

tsconfig.json

@@ -1,8 +1,20 @@
+import path from 'path';
+
 import react from '@vitejs/plugin-react-swc';
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react(), tsconfigPaths()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+      '@components': path.resolve(__dirname, 'src/components'),
+      '@stores': path.resolve(__dirname, 'src/stores'),
+      '@assets': path.resolve(__dirname, 'src/assets'),
+      '@apis': path.resolve(__dirname, 'src/apis'),
+      '@hooks': path.resolve(__dirname, 'src/hooks'),
+    },
+  },
 });