Chore : vite로 마이그레이션 하기전 CRA

- vite로 마이그레이션 하기전 입니다
team-3-in · Feb 15, 2024 · 698071a · 698071a
1 parent 28d7806
commit 698071a
Show file tree

Hide file tree

Showing 7 changed files with 15,405 additions and 5,774 deletions.
diff --git a/frontend/index.html b/frontend/index.html
diff --git a/frontend/package.json b/frontend/package.json
@@ -30,10 +30,12 @@
     "workbox-streams": "^6.6.0"
   },
   "scripts": {
-    "start": "vite",
-    "build": "tsc && vite build",
-    "serve": "vite preview",
-    "lint": "eslint src"
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "lint": "eslint src",
+    "tsc": "tsc"
   },
   "eslintConfig": {
     "extends": [
@@ -59,9 +61,6 @@
     "@types/react-responsive": "^8.0.8",
     "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.34",
-    "@vitejs/plugin-react": "^4.2.1",
-    "vite": "^5.1.2",
-    "vite-plugin-svgr": "^4.2.0",
-    "vite-tsconfig-paths": "^4.3.1"
+    "react-scripts": "^5.0.1"
   }
 }
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="yes" />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <link rel="apple-touch-icon" href="touch-icon-iphone.png" />
+    <link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png" />
+    <link
+      rel="apple-touch-icon"
+      sizes="167x167"
+      href="touch-icon-ipad-retina.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="touch-icon-iphone-retina.png"
+    />
+
+    <title>TOEIC</title>
+  </head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
@@ -1,39 +1,21 @@
 {
-  // "compilerOptions": {
-  //   "target": "es5",
-  //   "lib": ["dom", "dom.iterable", "esnext"],
-  //   "allowJs": true,
-  //   "skipLibCheck": true,
-  //   "esModuleInterop": true,
-  //   "allowSyntheticDefaultImports": true,
-  //   "strict": true,
-  //   "forceConsistentCasingInFileNames": true,
-  //   "noFallthroughCasesInSwitch": true,
-  //   "module": "esnext",
-  //   "moduleResolution": "node",
-  //   "resolveJsonModule": true,
-  //   "isolatedModules": true,
-  //   "noEmit": true,
-  //   "jsx": "react-jsx",
-  //   "typeRoots": ["./src/types", "./node_modules/@types"],
-  // },
   "compilerOptions": {
-    "target": "ESNext",
+    "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
-    "types": ["vite/client", "vite-plugin-svgr/client"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,
-    "module": "ESNext",
+    "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "typeRoots": ["./src/types", "./node_modules/@types"],
   },
   "include": ["src"],
   "exclude": ["**/*.test.ts", "**/*.test.tsx"],

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts