Project4 [버스도착정보] 정적 웹사이트 호스팅하기 (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. [국가지점번호] 국가지점번호로 위경도 좌표 조회 사이트 사이트 URL 국가지점번호 국가지점번호 조회 사이트 ch1517.github.io 사이트 화면 정보 검색창 : 국가지점번호, 위경도 좌표 검색 가능 국가지점번호 : ex. 가나 XXXX XXXX ( X : 숫자 ) => 반환 : 위경도 좌표 위경도 좌표 : ex. 37.52773, 127.04050 => 반환 : 국가지점번호 history : 최근 검색 기록을 리스트로 보여준다. (가장 최근 검색 기록이 상단에 존재) 리스트에 있는 값을 클릭하면, 해당 좌표로 지도가 이동한다. 개발언어 및 라이브러리 React.js, TypeScript, Leaflet 2021. 2. 5. [국가지점번호] 국가지점번호 조회 사이트 국가지점번호를 이용해야할 일이 있어, 국가지점번호를 조회해보는 사이트를 만들어봤다. 이 사이트는 WGS84(GPS) 좌표를 입력하면, 해당 위치로 이동하여 국가지점번호를 알려준다. 국가지점번호 조회 페이지 : 국가지점번호 국가지점번호 조회 사이트 ch1517.github.io 먼저 사용에 앞서서 국가지점번호에 대해 먼저 알아본다. 대한민국의 행정법 중 하나인 《도로명주소법》 제2조 15항에서의 국가지점번호란 국토 및 이와 인접한 해양을 격자형으로 일정하게 구획한 지점마다 부여한 번호(문자와 아라비아 숫자를 포함한다)를 말한다. [1] 이러한 국가지점번호는 긴급구조활동 등에서 위치의 표시로 활용한다. 한글 문자 2개와 아라비아 숫자 8개를 조합하여 나타내며, 전국을 하나의 좌표체계로 표현한다. 전국을 10.. 2021. 1. 14. 이전 1 다음 반응형
