chore: TS로 변환

- typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정
JMarketYard · Jan 19, 2025 · d05788a · d05788a
1 parent f29f36a
commit d05788a
Show file tree

Hide file tree

Showing 11 changed files with 49 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -30,6 +30,7 @@
     "eslint-plugin-react-refresh": "^0.4.16",
     "globals": "^15.14.0",
     "prettier": "^3.4.2",
+    "typescript": "^5.7.3",
     "vite": "^6.0.5"
   }
 }
diff --git a/src/App.jsx → src/App.tsx b/src/App.jsx → src/App.tsx
diff --git a/src/main.jsx → src/main.tsx b/src/main.jsx → src/main.tsx
@@ -1,9 +1,9 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
-import App from './App.jsx'
+import App from './App.js'
 
-createRoot(document.getElementById('root')).render(
+createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
   </StrictMode>,

diff --git a/src/routes/root-layout.jsx → src/routes/root-layout.tsx b/src/routes/root-layout.jsx → src/routes/root-layout.tsx
diff --git a/src/routes/router.jsx → src/routes/router.tsx b/src/routes/router.jsx → src/routes/router.tsx
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,21 @@
+{
+    "compilerOptions": {
+      "target": "ESNext",
+      "useDefineForClassFields": true,
+      "lib": ["DOM", "DOM.Iterable", "ESNext"],
+      "allowJs": false,
+      "skipLibCheck": true,
+      "esModuleInterop": false,
+      "allowSyntheticDefaultImports": true,
+      "strict": true,
+      "forceConsistentCasingInFileNames": true,
+      "module": "ESNext",
+      "moduleResolution": "Node",
+      "resolveJsonModule": true,
+      "isolatedModules": true,
+      "noEmit": true,
+      "jsx": "react-jsx"
+    },
+    "include": ["src"],
+    "references": [{ "path": "./tsconfig.node.json" }]
+  }
diff --git a/tsconfig.node.json b/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+      "composite": true,
+      "module": "ESNext",
+      "moduleResolution": "Node",
+      "allowSyntheticDefaultImports": true
+    },
+    "include": ["vite.config.ts"]
+  }
diff --git a/vite.config.js → vite.config.ts b/vite.config.js → vite.config.ts