Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Frontend #196

Merged
merged 76 commits into from
Dec 5, 2023
Merged
Changes from 1 commit
Commits
Show all changes
76 commits
Select commit Hold shift + click to select a range
c1ce6d2
feat. 새로 고침 버튼 개발[#46]
KyuTae98 Nov 13, 2022
c00f8f6
Merge branch 'main' into Frontend
KyuTae98 Nov 13, 2022
9ee1d5e
feat. map component 리팩토링
KyuTae98 Nov 13, 2022
2d90ac3
Merge branch 'main' into Frontend
KyuTae98 Nov 16, 2022
e79dba3
Merge branch 'main' into Frontend
KyuTae98 Nov 16, 2022
997e0b3
feat. 버스페이지 css작업 완료
KyuTae98 Nov 21, 2022
dd7f880
Merge branch 'main' into Frontend
KyuTae98 Nov 21, 2022
b122d9d
Merge branch 'main' into Frontend
KyuTae98 Nov 21, 2022
3d9e5da
Merge branch 'Frontend' of https://github.com/2022-Sejong-Creative-Se…
KyuTae98 Nov 21, 2022
d15e1a8
feat. 입력 폼 변경
KyuTae98 Nov 22, 2022
24bf7ec
Merge branch 'main' into Frontend
KyuTae98 Nov 23, 2022
7cafbbc
Merge branch 'main' into Frontend
KyuTae98 Nov 23, 2022
4f18ff3
feat. 지하철 page생성
KyuTae98 Nov 26, 2022
9763491
Merge branch 'main' into Frontend
KyuTae98 Nov 27, 2022
524fc29
feat. map-slice수정
KyuTae98 Nov 27, 2022
9e8bf92
feat. subway page개발(v1.1)
KyuTae98 Nov 27, 2022
33d4fb1
feat. main화면 bus화면 디자인 변경
KyuTae98 Dec 4, 2022
d2b5db6
feat. 디자인 폰트, 버스 페이지 어느 정도 완성
KyuTae98 Dec 5, 2022
6054379
feat. 지하철 페이지 디자인에 맞춰 개발
KyuTae98 Dec 7, 2022
a8cfae4
Merge branch 'main' into Frontend
KyuTae98 Dec 7, 2022
d88e685
Merge branch 'main' into Frontend
KyuTae98 Dec 7, 2022
7c8c545
feat. 지하철 메뉴
KyuTae98 Dec 7, 2022
b51eb61
feat. 모바일 반응형
KyuTae98 Dec 9, 2022
9f11d3d
Merge branch 'main' into Frontend
KyuTae98 Dec 9, 2022
67604d2
feat. 환승 page개발
KyuTae98 Dec 9, 2022
dfdb1b5
feat. HashRouter로 변경
KyuTae98 Dec 11, 2022
8dc6e8d
Merge branch 'main' into Frontend
KyuTae98 Dec 11, 2022
14d4571
feat. 이모지 + 서버
KyuTae98 Dec 13, 2022
09e4289
Merge branch 'main' into Frontend
KyuTae98 Dec 13, 2022
832f422
feat.지하철 수정
KyuTae98 Dec 13, 2022
671b97b
Merge branch 'Frontend' of https://github.com/2022-Sejong-Creative-Se…
KyuTae98 Dec 13, 2022
e3c1cbf
Merge branch 'main' into Frontend
KyuTae98 Dec 13, 2022
2b106f4
feat. map focusing 수정
KyuTae98 Dec 13, 2022
2e0315f
feat. 휠체어 기능 하기 전 저장
KyuTae98 Dec 13, 2022
822104f
feat. 휠체어 수정 완료
KyuTae98 Dec 13, 2022
dff0ed6
feat. 디테일한 수정
KyuTae98 Dec 13, 2022
c336db0
Update Api.js
KyuTae98 Dec 13, 2022
f2067e2
feat. 약간의 수정
KyuTae98 Dec 13, 2022
d010ffb
Merge branch 'Frontend' of https://github.com/2022-Sejong-Creative-Se…
KyuTae98 Dec 13, 2022
0408743
Merge branch 'main' into Frontend
KyuTae98 Dec 13, 2022
17413e3
feat.폰트, 맵 초기화 수정
KyuTae98 Dec 21, 2022
05c4a0a
Merge branch 'Frontend' of https://github.com/2022-Sejong-Creative-Se…
KyuTae98 Dec 21, 2022
db7ff6d
feat. 최종 수정
KyuTae98 Dec 21, 2022
b5661a7
Merge branch 'main' into Frontend
KyuTae98 Dec 21, 2022
67a2f1c
Update StationItem.js
KyuTae98 Jan 5, 2023
963f24f
Merge branch 'Frontend' of https://github.com/2022-Sejong-Creative-Se…
KyuTae98 Jan 5, 2023
85d55cc
refac: typescript로 Refectoring중
KyuTae98 Sep 13, 2023
19d1d07
feat(front): ts변경 오류 다수 발견
KyuTae98 Oct 11, 2023
5965578
feat(front): gps기반 지도 중심 개발
KyuTae98 Oct 11, 2023
76ce3da
fix(front): 프론트 정리
KyuTae98 Oct 11, 2023
b179900
fix(front): Api 수정
KyuTae98 Oct 12, 2023
732ba68
Merge branch 'main' into Frontend
KyuTae98 Oct 12, 2023
3bae8bf
fix(front): map 변경
KyuTae98 Oct 12, 2023
d8e1e7d
Merge branch 'Frontend' of https://github.com/2022-Sejong-Creative-Se…
KyuTae98 Oct 12, 2023
8e2d793
feat: 간단 퍼블리싱(1)
KyuTae98 Nov 6, 2023
c817b54
feat:menuBar 수정(SVG로 표현)
KyuTae98 Nov 7, 2023
bac7499
feat(front): 모바일 환경에 맞게 수정
KyuTae98 Nov 9, 2023
5d58f39
feat(): busmode 완성
KyuTae98 Nov 15, 2023
1cce4fb
feat: busmode 수정
KyuTae98 Nov 15, 2023
a53d224
feat: 지하철 수정
KyuTae98 Nov 24, 2023
62b9f63
feat: 지하철 마무리
KyuTae98 Nov 26, 2023
a5c9637
feat: map Marker 클릭이벤트 등록 완료
KyuTae98 Nov 28, 2023
e42a816
feat: 길찾기 솔루션 개발중
KyuTae98 Nov 30, 2023
9a3fa7a
feat: Frontend
KyuTae98 Dec 3, 2023
0a5aa86
feat: 수정
KyuTae98 Dec 4, 2023
be9b5a8
Merge branch 'main' into Frontend
KyuTae98 Dec 4, 2023
7ce6827
Merge branch 'main' of https://github.com/2022-Sejong-Creative-Semest…
KyuTae98 Dec 4, 2023
dc12e1d
fix: 위도 경도 수정
KyuTae98 Dec 4, 2023
96f8c40
fix: api 수정
KyuTae98 Dec 4, 2023
83d8a9b
Merge branch 'main' into Frontend
KyuTae98 Dec 4, 2023
7bf6dbb
fix: api변경
KyuTae98 Dec 5, 2023
6b7d15f
Merge branch 'Frontend' of https://github.com/2022-Sejong-Creative-Se…
KyuTae98 Dec 5, 2023
a08b540
Merge branch 'main' into Frontend
KyuTae98 Dec 5, 2023
177d620
feat: 환승역 개발
KyuTae98 Dec 5, 2023
56ffce7
Merge branch 'Frontend' of https://github.com/2022-Sejong-Creative-Se…
KyuTae98 Dec 5, 2023
901b87b
Merge branch 'main' into Frontend
KyuTae98 Dec 5, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
feat. 지하철 페이지 디자인에 맞춰 개발
KyuTae98 committed Dec 7, 2022
commit 605437989e28e730d90f8a368283ae5be42ddb06
Original file line number Diff line number Diff line change
@@ -54,7 +54,7 @@ const BusItem = (props) => {
console.log(busrouteid);
return (
<StyledBusItem>
<a href={`https://map.naver.com/v5/search/${busrouteAbrv}/bus-route/${busrouteid}?c=0,0`} target="_blank">
<a href={`https://map.naver.com/v5/search/${busrouteAbrv}번버스/bus-route/${busrouteid}?c=0,0`} target="_blank">
<div>
<p className="Name">{busrouteAbrv}</p>
<p className="direction">{adirection}방면</p>
1 change: 0 additions & 1 deletion Backend/Frontend/creative/src/component/header/Header.js
Original file line number Diff line number Diff line change
@@ -25,7 +25,6 @@ const Header = () => {
const dispatch = useDispatch();

const reduxReset = () => {
console.log("asd")
dispatch(BusActions.initialState())
dispatch(SubwayActions.initialState())
dispatch(MapActions.initialization())
Original file line number Diff line number Diff line change
@@ -4,19 +4,35 @@ import { useSelector } from "react-redux";
const StyledDetail = styled.div`
display:flex;
flex-direction:column;
align-items:center;
width: 729px;
height: 821px;
width: 749px;
height: 747px;
background-color:white;
border: 4px solid #9255F5;
.name{
display:flex;
justify-content:center;
width:80%;
align-items:center;
width:100%;
height:auto;
font-weight: 600;
font-size: 50px;
border-bottom:2px solid;
font-size: 40px;
border-bottom: 4px solid #9255F5;
}
.name p{
margin-left:26px;
}
.line{
display:flex;
justify-content:center;
align-items:center;
color:#FFFFFF;
font-family: 'Pretendard';
font-style: normal;
font-weight: 600;
font-size: 70%;
width: 48px;
height: 48px;
background-color:#A76E00;
border-radius:200px;
}
.info{
margin-left:50px;
@@ -30,16 +46,17 @@ border: 4px solid #9255F5;
`


const SubwayDetail = () => {
const subway = useSelector(state => state.subway.subwayInfo)
const SubwayDetail = ({ info }) => {
console.log(info)
return (
<StyledDetail>
<div className="name">
<p>{subway.stinNm}</p>
<p className="line">{info.lnCd}</p>
<p>{info.stNm}</p>
</div>
<div className="info">
<p>{subway.lonmAdr}</p>
<p>{subway.roadNmAdr}</p>
<p>{info.lonmAdr}</p>
<p>{info.roadNmAdr}</p>
</div>
</StyledDetail>
)
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import styled from "styled-components";
import { Link } from "react-router-dom";
import { useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import { useEffect } from "react";
@@ -11,6 +10,7 @@ const SubwayItems = ({ items }) => {
const [color, setColor] = useState(true);
const dispatch = useDispatch()
const currentSubway = useSelector(state => state.subway.currentSubway)

useEffect(() => {
if (currentSubway !== stCd) {
setColor(true)
@@ -73,7 +73,7 @@ a{
font-family: 'Pretendard';
font-style: normal;
font-weight: 600;
font-size: 24px;
font-size: 100%;
width: 48px;
height: 48px;
background-color:#A76E00;
Original file line number Diff line number Diff line change
@@ -1,49 +1,36 @@
import styled from "styled-components";
import { Link } from "react-router-dom";
import { api } from "../../auth/Api.js";

const StyleMenuBar = styled.ul`
width:100%;
display:flex;
flex-direction:column;
list-style:none;
justify-content: space-between;
font-family: 'Pretendard';
font-style: normal;
font-size: 28px;
line-height: 43px;

align-items: start;
font-size: 30px;
line-height: 36px;
padding:0;
li{
display:flex;
color:black;
border-radius:10px;
padding:2.5px;
}
li:hover{
transition: all ease 0.5s;
color:white;
background-color:#c0c0c0;
margin-bottom:10px;
color: #FFFFFF;
padding-top:30px;
}

a{
padding:0px 7px;
text-decoration:none;
border-right:2px solid;
width:246px;
text-decoration:none;
border-bottom: 2px solid;
border-color:#FFFFFF;
}
`

const SubwayBar = () => {
const submitBahth = () => {
api.get("/subway/liftMove/stinCd/:stinCd")
.then(res => {
const { data } = res;
console.log(data.body[0])
}
)
}
return (
<StyleMenuBar>
<Link to="/subway"><li>홈</li></Link>
<Link to="/subway/elevator"><li>엘리베이터 위치</li></Link>
<Link to="/subway/transfer"><li>환승 이동 경로</li></Link>
<Link to="/subway/bathchair" onClick={submitBahth}><li>휠체어 관련 위치</li></Link>
<Link to="/subway/bathchair" ><li>휠체어 관련 위치</li></Link>
</StyleMenuBar>
)
}
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import styled from "styled-components";
import { useSelector } from "react-redux";

const StyledSubwayNumber = styled.header`
display:flex;
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
import styled from "styled-components";


const StyledSubwayPanel = styled.div`
display:flex;
flex-direction:column;
@@ -11,21 +10,16 @@ height: 795x;
margin-right:30px;
font-family: 'GmarketSansMedium';
background: linear-gradient(270deg, #7C34F3 -44.25%, rgba(146, 85, 245, 0) 222.13%);
.first{
font-size: 50px;
color: #FFFFFF;
}
.second{
font-size: 30px;
color: #FFFFFF;
}
font-size: 50px;
color: #FFFFFF;
`

const SubwayPanel = (props) => {

return (
<StyledSubwayPanel>
<p className="first">{props.text}</p>
<p>{props.text}</p>
{props.menu}
</StyledSubwayPanel>
)
}
27 changes: 18 additions & 9 deletions Backend/Frontend/creative/src/page/subwaypage/SubwayBathchair.js
Original file line number Diff line number Diff line change
@@ -1,19 +1,28 @@
import Mapping from "../../component/map/Mapping.js"
import SubwayForm from "../../component/subway-component/subwayform/SubwayForm.js"
import SubwayList from "../../component/subway-component/subwaylist/SubwayList.js"
import classes from "./SubwayBathchair.module.css"
import SubwayBar from "../../component/subway-component/subwaymenubar/SubwayBar.js"
import SubwayInfo from "../../component/subway-component/subwayinfo/SubwayInfo"
import Header from "../../component/header/Header.js"
import SubwayPanel from "../../component/subway-component/subwaypanel/SubwayPanel.js"


const SubwayBathChairPage = () => {
const SubwayBathchair = () => {
return (
<div className={classes.main}>
<SubwayBar />
<div>
<SubwayInfo />
<div className={classes.subwaypage}>
<Header />
<div className={classes.main}>
<SubwayPanel text={["휠체어 관련", <br />, "위치"]} />
<div className={classes.subwaymain}>
<div className={classes.subwaylist}>
<SubwayForm />
<SubwayList />
</div>
<Mapping />
</div>
</div>
</div>
)
}



export default SubwayBathChairPage
export default SubwayBathchair
Original file line number Diff line number Diff line change
@@ -1,5 +1,23 @@
.main {
display: flex;
justify-content: start;
width: 1920px;
}

.subwaypage {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}

.subwaylist {
display: flex;
flex-direction: column;
width: 800px;
margin-right: 30px;
}

.subwaymain {
display: flex;
margin-top: 20px;
}
44 changes: 28 additions & 16 deletions Backend/Frontend/creative/src/page/subwaypage/SubwayDetailPage.js
Original file line number Diff line number Diff line change
@@ -1,32 +1,44 @@
import Mapping from "../../component/map/Mapping.js"
import SubwayList from "../../component/subway-component/subwaylist/SubwayList.js"
import classes from "./SubwayDetailPage.module.css"
import SubwayBar from "../../component/subway-component/subwaymenubar/SubwayBar.js"
import Header from "../../component/header/Header.js"
import SubwayPanel from "../../component/subway-component/subwaypanel/SubwayPanel.js"
import SubwayDetail from "../../component/subway-component/subwaydetail/SubwayDetail.js"
import { useParams } from "react-router-dom"
import { useEffect } from "react"
import SubwayBar from "../../component/subway-component/subwaymenubar/SubwayBar.js"
import { useDispatch } from "react-redux"
import { SubwayActions } from "../../store/Subway-slice.js"
import { api } from "../../component/auth/Api.js"
import { useParams } from "react-router-dom"
import { useEffect, useState } from "react"


const SubwayDetailPage = () => {
const params = useParams()
const dispatch = useDispatch()
const [info, setInfo] = useState({})
useEffect(() => {
const stCd = params.stCd
const stNm = params.stNm
const getDetatl = async () => {
await api.get(`/subway/stationInfo/${stCd}/${stNm}`)
.then(res => console.log(res.data))
const stCd = params.stCd;
const stNm = params.stNm;
const getDetail = () => {
api.get(`subway/stationInfo/${stCd}/${stNm}`)
.then(res => {
const { data } = res;
setInfo(data.stationinfo);
dispatch(SubwayActions.saveSubway(data.stationinfo))
})
}
getDetatl()
})
getDetail()
}, [])
return (
<div className={classes.subwaypage}>
<div>
<div className={classes.main}>
<SubwayDetail />
<div className={classes.subwaymeubar}>
<SubwayBar />
<Mapping />
<Header />
<div className={classes.main}>
<SubwayPanel text={["지하철", <br />, "편의시설"]} menu={<SubwayBar />} />
<div className={classes.subwaymain}>
<div className={classes.subwaylist}>
<SubwayDetail info={info} />
</div>
<Mapping />
</div>
</div>
</div>
22 changes: 14 additions & 8 deletions Backend/Frontend/creative/src/page/subwaypage/SubwayElevator.js
Original file line number Diff line number Diff line change
@@ -1,16 +1,22 @@
import Mapping from "../../component/map/Mapping.js"
import SubwayForm from "../../component/subway-component/subwayform/SubwayForm.js"
import SubwayList from "../../component/subway-component/subwaylist/SubwayList.js"
import classes from "./SubwayElevator.module.css"
import SubwayBar from "../../component/subway-component/subwaymenubar/SubwayBar.js"
import Header from "../../component/header/Header.js"
import SubwayPanel from "../../component/subway-component/subwaypanel/SubwayPanel.js"

const SubwayElevatorPage = () => {
const SubwayElevator = () => {
return (
<div className={classes.subwaypage}>
<div>
<div className={classes.main}>
<div className={classes.subwaymeubar}>
<SubwayBar />
<Mapping />
<Header />
<div className={classes.main}>
<SubwayPanel text={["엘리베이터", <br />, "위치"]} />
<div className={classes.subwaymain}>
<div className={classes.subwaylist}>
<SubwayForm />
<SubwayList />
</div>
<Mapping />
</div>
</div>
</div>
@@ -19,4 +25,4 @@ const SubwayElevatorPage = () => {



export default SubwayElevatorPage
export default SubwayElevator
Original file line number Diff line number Diff line change
@@ -1,11 +1,23 @@
.main {
width: 100%;
display: flex;
justify-content: space-evenly;
justify-content: start;
width: 1920px;
}

.subwaymeubar {
.subwaypage {
display: flex;
flex-direction: column;
align-items: end;
align-items: center;
justify-content: space-between;
}

.subwaylist {
display: flex;
flex-direction: column;
margin-right: 30px;
}

.subwaymain {
display: flex;
margin-top: 20px;
}
Original file line number Diff line number Diff line change
@@ -10,7 +10,7 @@ const SubwayPage = () => {
<div className={classes.subwaypage}>
<Header />
<div className={classes.main}>
<SubwayPanel text={["지하철", <br />, "편의시설"]} />
<SubwayPanel key="panel" text={["지하철", <br />, "편의시설"]} menu={null} />
<div className={classes.subwaymain}>
<div className={classes.subwaylist}>
<SubwayForm />
24 changes: 15 additions & 9 deletions Backend/Frontend/creative/src/page/subwaypage/SubwayTransfer.js
Original file line number Diff line number Diff line change
@@ -1,16 +1,22 @@
import Mapping from "../../component/map/Mapping.js"
import classes from "./SubwayTransfer.module.css"
import SubwayBar from "../../component/subway-component/subwaymenubar/SubwayBar.js"
import SubwayForm from "../../component/subway-component/subwayform/SubwayForm.js"
import SubwayList from "../../component/subway-component/subwaylist/SubwayList.js"
import classes from "./SubwayBathchair.module.css"
import Header from "../../component/header/Header.js"
import SubwayPanel from "../../component/subway-component/subwaypanel/SubwayPanel.js"

const SubwayTransferPage = () => {
const SubwayTransfer = () => {
return (
<div className={classes.subwaypage}>
<div>
<div className={classes.main}>
<div className={classes.subwaymeubar}>
<SubwayBar />
<Mapping />
<Header />
<div className={classes.main}>
<SubwayPanel text={["환승", <br />, "이동경로"]} />
<div className={classes.subwaymain}>
<div className={classes.subwaylist}>
<SubwayForm />
<SubwayList />
</div>
<Mapping />
</div>
</div>
</div>
@@ -19,4 +25,4 @@ const SubwayTransferPage = () => {



export default SubwayTransferPage
export default SubwayTransfer
Original file line number Diff line number Diff line change
@@ -1,11 +1,23 @@
.main {
width: 100%;
display: flex;
justify-content: space-evenly;
justify-content: start;
width: 1920px;
}

.subwaymeubar {
.subwaypage {
display: flex;
flex-direction: column;
align-items: end;
align-items: center;
justify-content: space-between;
}

.subwaylist {
display: flex;
flex-direction: column;
margin-right: 30px;
}

.subwaymain {
display: flex;
margin-top: 20px;
}