- 위급 상황 발생 시 긴급 대피 요령을 알려준다.
- 해당 서비스로 주소 정보를 입력하여 요청하면 주소 위치 기준에서 가까운 대피소를 추출한다.
- 입력한 주소 정보에서 정해진 반경(10km) 내에 있는 대피소 3곳을 가까운 순서대로 추천한다.
- 대피소 3곳과 함께 제공된 링크를 통해 빠르게 길찾기를 할 수 있다.
- 추출한 대피소 데이터는 길안내 및 로드뷰를 제공하여 더 빠른 대피소 찾기에 도움을 준다.
대피소 메인 페이지
“빠르게 대피소 찾기”를 클릭하면 Kakao 우편번호 서비스로 이동한다. 주소 입력 창에 현위치 정보를 입력하여 요청한다.
주소는 도로명 주소 또는 지번을 입력하여 요청 받는다.
주소는 정확한 상세 주소(동, 호수)를 제외한 주소 정보를 이용하여 추천한다.
- ex) 서울 광운로 20
대피소 길 안내 페이지
입력한 주소 위치 기준에서 정해진 반경(10km) 내에 있는 대피소 3곳을 가까운 순서대로 추천해준다. 연결된 링크를 통해 카카오 맵으로 이동해 바로 길찾기를 할 수 있다.
대피소의 이름, 대피소 주소, 입력 주소와 대피소 사이의 거리 또한 알 수 있다.
추출한 대피소 데이터의 “카카오 맵에서 길찾기”에서는 길안내를 제공한다.
KakaoMap으로 이동하여 길 찾기를 할 수 있도록 한다.
메인 페이지 지도
메인 페이지 하단의 지도를 통해 위치를 검색하고 지도와 로드뷰를 볼 수 있다. 처음 화면은 현재 위치를 기반으로 지도를 표시한다. 다른 위치를 클릭하면 마커가 생성되며 자동으로 로드뷰에도 적용된다.
“로드뷰 보기”를 클릭하면 대피소 주변을 확인하여 정확한 위치를 파악할 수 있도록 한다.
대피 요령 안내 페이지
위급 상황 발생 시 긴급 대피 요령을 확인한다.
- 민방위 훈련 시 대피요령
- 화생방 발생 시 대피요령
- 배포된 주소(바로 실행) https://findin-shelter-fe.vercel.app/ (프론트엔드 배포 주소)
- 배포된 주소가 안될 시 설치
먼저, GitHub에서 프로젝트를 클론하세요.
git clone [GitHub 프로젝트 URL]
프로젝트 디렉토리로 이동합니다.
cd [프로젝트 이름]
필요한 패키지를 설치합니다.
npm install
실행
프로젝트를 실행하려면 다음 명령을 사용하세요.
npm start
이 프로젝트는 MIT License를 따른다.
이 소프트웨어를 누구라도 무상으로 제한없이 취급해도 좋다. 단, 저작권 표시 및 이 허가 표시를 소프트웨어의 모든 복제물 또는 중요한 부분에 기재해야 한다.
저자 또는 저작권자는 소프트웨어에 관해서 아무런 책임을 지지 않는다.