Project/버스도착정보 조회 사이트2 [버스도착정보] 정적 웹사이트 호스팅하기 (GitHub Pages 사용) [React.js] 버스도착정보 조회 웹 페이지 개발 웹 페이지 설명 버스도착정보 국토교통부 Open API를 사용하여 제작한 버스 정보 안내 웹 사이트, 현재 위치 기준으로 가까운 정류소 정보를 반환, 정류소 별 도착 예정 버스 정보를 조회할 수 있 doqtqu.tistory.com 약 2년 전에 '버스도착정보' 조회 웹 페이지를 개발해서 블로그에 포스팅 했었다. 국가지점번호 사이트와 같이 GitHub Pages로 배포했더니 Mixed Content 에러가 발생해서, 간단한 Node 서버를 만들어 헤로쿠를 사용해 배포했다. 하지만, 2022년 11월 28일 이후로 헤로쿠 서비스가 유료로 전환되었는데.. 여기저기 Node.js를 무료로 호스팅할 수 있는 다른 서비스를 찾아보다가, 코드를 다시 살펴보니 굳.. 2023. 2. 17. [React.js] 버스도착정보 조회 웹 페이지 개발 웹 페이지 설명 버스도착정보 국토교통부 Open API를 사용하여 제작한 버스 정보 안내 웹 사이트, 현재 위치 기준으로 가까운 정류소 정보를 반환, 정류소 별 도착 예정 버스 정보를 조회할 수 있습니다. ch1517.github.io 정류소별 실시간 버스 도착 정보를 조회하는 사이트이다. 아직은 위치를 검색하는 기능이 없어서 지도를 드래그해서 위치를 이동시킨다. 마우스 휠이나, 멀티 터치로 줌인, 줌아웃이 가능하며, 오른쪽(모바일에서는 상단) 리스트나 지도의 버스 정류장 라벨을 직접 선택하면 해당 정류장에 도착 예정인 버스 리스트를 보여준다. 사용한 API 공공데이터 포털의 국토교통부_버스정류소정보, 국토교통부_버스도착정보 API를 이용하였다. 공공데이터 포털에 로그인하여 개발 활용 신청을 하면, 몇 .. 2021. 4. 22. 이전 1 다음 반응형
