feat : 각 파트별 질문 동적 추가를 위한 테스트 (#46)

klmhyeonwoo · May 21, 2023 · 28fa8ea · 28fa8ea
1 parent 978ac51
commit 28fa8ea
Show file tree

Hide file tree

Showing 5 changed files with 1,550 additions and 763 deletions.
diff --git a/package.json b/package.json
@@ -38,7 +38,7 @@
       "react-app/jest"
     ]
   },
-  "proxy": "http://localhost:8080",
+  "proxy": "https://localhost/",
   "browserslist": {
     "production": [
       ">0.2%",

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,29 +1,30 @@
-import React, { useEffect, useState } from 'react';
-import logo from './logo.svg';
-import './App.css';
-import { BrowserRouter, Routes, Route, useLocation } from 'react-router-dom';
-import Index from './component/Index'
-import GlobalStyles from './styles/GlobalFont';
-import Common from './component/Common';
-import Frontend from './component/position/Frontend';
-import Design from './component/position/Design';
-import Backend from './component/position/Backend';
-import ScrollToTop from './hooks/ScrollToTop';
-import Admin from './component/admin/Index';
-import Register from './component/register/Index';
-import Main from './component/admin/partition/Main';
-import Fail from './component/admin/partition/Fail';
-import Pass from './component/admin/partition/Pass';
-import Header from './component/admin/common/Header';
-import Detail from './component/admin/detail/Detail';
-import Error from './component/404/Error';
-import { useSelector } from 'react-redux';
-import { TestState } from './app/store';
-import { Footer, IndexHeader } from './component/emotion/component';
-import Temp from './component/admin/partition/Temp';
-import NotTime from './component/404/NotTime';
-import ChannelService from './api/ChannelService';
-import { KeyboardIOS } from './hooks/KeyboardIOS';
+import React, { useEffect, useState } from "react";
+import logo from "./logo.svg";
+import "./App.css";
+import { BrowserRouter, Routes, Route, useLocation } from "react-router-dom";
+import Index from "./component/Index";
+import GlobalStyles from "./styles/GlobalFont";
+import Common from "./component/Common";
+import Frontend from "./component/position/Frontend";
+import Design from "./component/position/Design";
+import Backend from "./component/position/Backend";
+import ScrollToTop from "./hooks/ScrollToTop";
+import Admin from "./component/admin/Index";
+import Register from "./component/register/Index";
+import Main from "./component/admin/partition/Main";
+import Fail from "./component/admin/partition/Fail";
+import Pass from "./component/admin/partition/Pass";
+import Header from "./component/admin/common/Header";
+import Detail from "./component/admin/detail/Detail";
+import Test from "./component/featureTest/Test";
+import Error from "./component/404/Error";
+import { useSelector } from "react-redux";
+import { TestState } from "./app/store";
+import { Footer, IndexHeader } from "./component/emotion/component";
+import Temp from "./component/admin/partition/Temp";
+import NotTime from "./component/404/NotTime";
+import ChannelService from "./api/ChannelService";
+import { KeyboardIOS } from "./hooks/KeyboardIOS";
 
 export interface WrapperProps {
   children?: React.ReactNode;
@@ -34,12 +35,11 @@ export interface WrapperProps {
 }
 
 function App() {
-
   useEffect(() => {
     ChannelService.boot({
-      "pluginKey": "4a95db46-8630-4d8d-a4ad-005f90e433e1", // fill your plugin key
+      pluginKey: "4a95db46-8630-4d8d-a4ad-005f90e433e1", // fill your plugin key
     });
-  }, [])
+  }, []);
 
   return (
     <div className="App">
@@ -48,30 +48,30 @@ function App() {
         <ScrollToTop />
         <Routes>
           <Route element={<IndexHeader />}>
-            <Route path='/' element={<Index />} />
-            <Route path='/common' element={<Common />} />
-            <Route path='/frontend' element={<Frontend />} />
-            <Route path='/backend' element={<Backend />} />
-            <Route path='/design' element={<Design />} />
-            <Route path='/register' element={<Register />} />
+            <Route path="/" element={<Index />} />
+            <Route path="/common" element={<Common />} />
+            <Route path="/frontend" element={<Frontend />} />
+            <Route path="/backend" element={<Backend />} />
+            <Route path="/design" element={<Design />} />
+            <Route path="/register" element={<Register />} />
           </Route>
 
-          <Route path='/admin' element={<Admin />} />
-          <Route path='/404' element={<Error />} />
-          <Route path='/*' element={<Error />} />
-          <Route path='/notTime' element={<NotTime />} />
+          <Route path="/admin" element={<Admin />} />
+          <Route path="/404" element={<Error />} />
+          <Route path="/*" element={<Error />} />
+          <Route path="/notTime" element={<NotTime />} />
+          <Route path="/test" element={<Test />} />
 
           <Route element={<Header />}>
-            <Route path='/admin/main' element={<Main />} />
-            <Route path='/admin/pass' element={<Pass />} />
-            <Route path='/admin/temp' element={<Temp />} />
-            <Route path='/admin/fail' element={<Fail />} />
+            <Route path="/admin/main" element={<Main />} />
+            <Route path="/admin/pass" element={<Pass />} />
+            <Route path="/admin/temp" element={<Temp />} />
+            <Route path="/admin/fail" element={<Fail />} />
             {/* <Route path='/admin/detail/:position' element={<Detail />} /> */}
           </Route>
         </Routes>
-      </BrowserRouter >
-    </div >
-
+      </BrowserRouter>
+    </div>
   );
 }