Frontend (#213)

* 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기반 지도 중심 개발

* fix(front): Api 수정

* fix(front): map 변경

* feat: 간단 퍼블리싱(1)

* feat:menuBar 수정(SVG로 표현)

* feat(front): 모바일 환경에 맞게 수정

* feat(): busmode 완성

* feat: busmode 수정

* feat: 지하철 수정

* feat: 지하철 마무리

* feat: map Marker 클릭이벤트 등록 완료

* feat: 길찾기 솔루션 개발중

* feat: 수정

* fix: 위도 경도 수정

* fix: api 수정

* fix: api변경

* feat: 환승역 개발

* feat: 지하철 환승 페이지 완료

* fix: 지도 위치 변경

* fix: page 높이 수정

* feat: 길찾기 페이지 설명 자세히

* fix: refresh 버튼 이미지 추가

* fix: 로딩 환경 완료

* feat: loding component 구축

* feat: subway elevator loding 적용

* feat: Subway 휠체어 관련 위치 loding 완료

* feat: 환승 이동 경로 loding

* feat: Sign loding 완

* fix: 길찾기 지하철 편의시설 완

* feat: menu 수정

* feat: 마무리

Backend/Frontend/creative/src/component/loding/Loding.css

@@ -1,4 +1,7 @@
 .loding{
+    position: fixed;
+    top:50%;
+    right: 45%;
     animation: rotate_image 6s linear infinite;
     z-index: 1000;
 }

Backend/Frontend/creative/src/component/map/SubwayMapping.tsx

@@ -26,10 +26,11 @@ const Mapping = () => {
             center: new window.kakao.maps.LatLng(y, x),
             level: 3,
         };
+        console.log(marker)
         const map = new window.kakao.maps.Map(container, options);
         if (subwaymode)
             subwaymapcoordinate(marker, map)
-    },[tmX,tmY,subwaymode,position])
+    },[tmX,tmY,subwaymode,position,marker])
 
     const subwaymapcoordinate = (marker:any, map:any) => {
         const markerPosition = new window.kakao.maps.LatLng(parseFloat(String(marker.tmY - 0.0000005)).toFixed(6), parseFloat(String(marker.tmX - 0.0000005)).toFixed(6))

Backend/Frontend/creative/src/component/subway-component/subwaylist/SubwayList.tsx

@@ -14,7 +14,7 @@ flex-direction:column;
 align-items: center;
 box-sizing: border-box;
 width: 100%;
-max-height:36vh;
+min-height:40vh;
 padding: 0;
 margin:0;
 z-index: 10;
@@ -33,7 +33,7 @@ const SubwayList = (props:any) => {
         dispatch(MapActions.positioning(subway[0]));
         dispatch(MapActions.makerchacking(subway[0]));
         dispatch(SubwayActions.addSubwayInfo(subway))
-    },[])
+    },[subway])
     return (
         <StyledList>
             {subwayCheck && <SubwayNumber count={subway.length} />}