Frontend

Backend/Frontend/creative/package.json

@@ -7,6 +7,10 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^29.5.4",
+    "@types/node": "^20.6.0",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
     "axios": "^1.1.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -15,6 +19,7 @@
     "react-scripts": "5.0.1",
     "redux-persist": "^6.0.0",
     "styled-components": "^5.3.6",
+    "typescript": "^3.2.1",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
@@ -40,5 +45,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@types/styled-components": "^5.1.27"
   }
 }

Backend/Frontend/creative/src/App.js → Backend/Frontend/creative/src/App.tsx

@@ -1,11 +1,11 @@
+import React from "react"
 import { HashRouter, Routes, Route } from "react-router-dom";
-import MainPage from "./page/MainPage.js"
-import BusPage from "./page/BusPage.js"
-import SubwayPage from "./page/subwaypage/SubwayPage.js"
-import SubwayTransferPage from "./page/subwaypage/SubwayTransfer.js";
-import SubwayDetailPage from "./page/subwaypage/SubwayDetailPage.js"
-import SubwayElevatorPage from "./page/subwaypage/SubwayElevator.js";
-import SubwayBathChairPage from "./page/subwaypage/SubwayBathchair.js";
+import MainPage from "./page/MainPage.tsx"
+import BusPage from "./page/BusPage.tsx"
+import SubwayPage from "./page/subwaypage/SubwayPage.tsx"
+import SubwayDetailPage from "./page/subwaypage/SubwayDetailPage.tsx"
+import SubwayElevatorPage from "./page/subwaypage/SubwayElevator.tsx";
+import SubwayBathChairPage from "./page/subwaypage/SubwayBathchair.tsx";
 
 //page마다 url을 따로 지정, 페이지에서 api를 호출할 때 필요한 파라미터를 제공
 function App() {
@@ -17,7 +17,6 @@ function App() {
         <Route path="/subway" element={<SubwayPage />} />
         <Route path="/subway/detail/:stCd/:stNm" element={<SubwayDetailPage />} />
         <Route path="/subway/elevator/:stCd/:stNm/:railCd/:lnCd" element={<SubwayElevatorPage />} />
-        <Route path="/subway/transfer/:stCd/:stNm/:railCd/:lnCd" element={<SubwayTransferPage />} />
         <Route path="/subway/bathchair/:stCd/:stNm/:railCd/:lnCd" element={<SubwayBathChairPage />} />
       </Routes>
     </HashRouter>