Frontend (#135)

* feat. 새로 고침 버튼 개발[#46]

* 새로 고침 버튼을 개발하여 클릭 시 다시 해당 정류장의 버스를 받는 기능을 개발하였다.
Resolves #46

* feat. map component 리팩토링

* 지하철 기능을 위해 map component 리팩토링 하였습니다.

* feat. 버스페이지 css작업 완료

* 버스페이지 css작업 완료

* feat. 입력 폼 변경

* 입력 부분에서 검색어 바뀔 때마다 서버에 요청

* feat. 지하철 page생성

지하철 page 뼈대를 만들었습니다.

* feat. map-slice수정

* feat. subway page개발(v1.1)

* feat. main화면 bus화면 디자인 변경

* 변경 했지만 반응형 추가 필요

* feat. 디자인 폰트, 버스 페이지 어느 정도 완성

* 디자인 폰트, 버스 페이지 80% 완성, 반응형으로 만들기 수정

* feat. 지하철 페이지 디자인에 맞춰 개발

* feat. 지하철 메뉴

* 지하철 메뉴에 해당하는 페이지 설정

* feat. 모바일 반응형

* 모바일 반응형 완료 아직 지하철 페이지는 개발 필요함

* feat. 환승 page개발

* feat. HashRouter로 변경

* BrowserRouter에서 HashRouter로 변경

* feat. 이모지 + 서버

* feat.지하철 수정

* feat. map focusing 수정

* feat. 휠체어 기능 하기 전 저장

* 휠체어 기능 하기 전 저장

* feat. 휠체어 수정 완료

* 휠체어 수정 완료

* feat. 디테일한 수정

* 디테일한 수정

* Update Api.js

* feat. 약간의 수정

* 약간의 수정

* feat.폰트, 맵 초기화 수정

* 폰트, 맵 초기화 수정

* feat. 최종 수정

* 최종 수정

* Update StationItem.js

* refac: typescript로 Refectoring중

* feat(front): ts변경 오류 다수 발견

* feat(front): gps기반 지도 중심 개발

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>