>;
+// export default content;
+// }
diff --git a/src/index.tsx b/src/index.tsx
index 1769739..e4db7cf 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
import ReactDOM from 'react-dom/client';
import { QueryClient, QueryClientProvider } from 'react-query';
import './index.css';
diff --git a/src/pages/Login/Login.tsx b/src/pages/Login/Login.tsx
index fa67a8c..8bfef32 100644
--- a/src/pages/Login/Login.tsx
+++ b/src/pages/Login/Login.tsx
@@ -6,11 +6,11 @@ import DialogBtn from '../../components/common/Buttons/DialogBtn/DialogBtn';
const Login = () => {
const [isKakao, setIsKakao] = useState(false);
// oauth 요청 URL
- const kakaoURL = `https://kauth.kakao.com/oauth/authorize?client_id=${process.env.REACT_APP_REST_API_KEY}&redirect_uri=${process.env.REACT_APP_REDIRECT_URL}&response_type=code`
-
- const handleLogin = ()=>{
- window.location.href = kakaoURL
- }
+ const kakaoURL = `https://kauth.kakao.com/oauth/authorize?client_id=${process.env.REACT_APP_REST_API_KEY}&redirect_uri=${process.env.REACT_APP_REDIRECT_URL}&response_type=code`;
+
+ const handleLogin = () => {
+ window.location.href = kakaoURL;
+ };
return (
diff --git a/tsconfig.json b/tsconfig.json
index 9d379a3..e3db615 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,16 +1,16 @@
{
"compilerOptions": {
- "target": "es5",
- "lib": ["dom", "dom.iterable", "esnext"],
- "allowJs": true,
- "skipLibCheck": true,
- "esModuleInterop": true,
+ "target": "ESNext",
+ "lib": ["DOM", "DOM.Iterable", "ESNext"],
+ "types": ["vite/client", "vite-plugin-svgr/client"],
+ "allowJs": false,
+ "skipLibCheck": false,
+ "esModuleInterop": false,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
- "noFallthroughCasesInSwitch": true,
- "module": "esnext",
- "moduleResolution": "node",
+ "module": "ESNext",
+ "moduleResolution": "Node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..67437c7
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import viteTsconfigPaths from 'vite-tsconfig-paths';
+import svgr from '@svgr/rollup';
+import envCompatible from 'vite-plugin-env-compatible';
+
+export default defineConfig({
+ plugins: [
+ react(),
+ viteTsconfigPaths(),
+ svgr(),
+ envCompatible({ prefix: 'REACT_APP' }),
+ ],
+ server: {
+ open: true,
+ port: 3000,
+ },
+});
diff --git a/vite.env.d.ts b/vite.env.d.ts
new file mode 100644
index 0000000..35a77dd
--- /dev/null
+++ b/vite.env.d.ts
@@ -0,0 +1,11 @@
+///
+
+interface ImportMetaEnv {
+ readonly REACT_APP_HTTP_API_KEY: string;
+ readonly REACT_APP_WS_API_KEY: string;
+ // 다른 환경 변수들도 여기에 추가
+}
+
+interface ImportMeta {
+ readonly env: ImportMetaEnv;
+}