어떤 사이트인가요
로드킬, 서식지 파괴, 유리창 충돌 같은 도시 속 동물 피해 사례를 전국 지도와 김포시 지도에서 지역별로 모아 볼 수 있어요. 지도를 누르면 그 지역에서 조사한 자료가 열립니다.
왜 만들었나요
학생주도 프로젝트 봉사활동 '동물 친화적 도시환경 인식 캠페인'에서 도시 속 동물 피해 사례를 조사했어요. 사례가 인천, 강화, 진주, 창원, 용인 등 전국에서 나오다 보니 목록으로는 한눈에 보기 어려웠습니다.
그래서 지도를 눌러 지역별 조사 자료를 볼 수 있는 사이트로 만들었고, 이후 김포시만 따로 볼 수 있는 지도도 더했어요.
할 수 있는 것
- 전국 지도에서 시도와 시군구로 들어가며 사례 보기 (서울·인천·경기는 세부 지도)
- 김포시 13개 지역을 따로 보는 김포시 지도
- 로드킬, 서식지 파괴, 유리창 충돌 등 원인 유형별 그래프
- 전체 지역을 한 번에 찾는 통합 검색과 검색어 강조, 사례마다 공유 링크
- 2020~2025년 전국 야생동물 구조·치료 통계
- 지도를 PNG로 저장하고, 카드뉴스에 쓸 문구가 담긴 요약 리포트 보기
이름의 유래
urban(도시)과 animal(동물)에 사람을 뜻하는 -ist를 붙였어요. 도시와 동물을 함께 생각하는 사람이라는 뜻입니다.
알아 둘 점
- 자료 등록과 수정은 프로젝트 팀원이 공유 비밀번호로 하고, 방문자는 자료를 볼 수 있어요.
- 지도에 나오는 사례는 팀이 조사해 등록한 자료라서 실제 발생 건수 전체를 뜻하지는 않아요.
쓴 기술
- HTML·CSS·JavaScript
- Cloudflare Pages Functions
- Cloudflare D1
- Chart.js
- SVG 지도
최근 업데이트
-
사례마다 공유 링크를 만들고 검색을 전체 지역 통합 검색으로 바꿨어요. 링크를 공유하면 미리보기에 사례 제목이 보여요.