2학기 WSM 수행 프로젝트
많은 동물들이 주인을 잃어버리거나 주인에게 버려지면서 갈 곳 없이 길거리를 떠돌아다니는 것을 쉽게 볼 수 있습니다. 유기동물 보호소에서도 머물 수 있는 기간이 짧고 최악의 경우에는 안락사를 시킵니다. 또 위험한 차도를 건너기 위해 목숨을 걸고 또 운이 정말 안 좋아 차에 치이게 되면 차에 깔려 평평한 종잇장같이 되어 도로에서 자주 발견됩니다. 저희 'Street Friends'는 그것이 안타깝고 마음이 좋지 않았으며 슬펐습니다. 반려동물을 키우는 입장에서 그 많은 유기동물들이 상처를 극복하고 좋은 주인을 만났으면 좋겠다는 마음에서 이 웹사이트를 제작하게 되었습니다.
- 유기견 정보 보여주기
- 브랜드 스토리(웹 사이트 정보) 보여주기
- 동물보호소 위치 보여주기
Front-End: CSS, JavaScript
Open API: 공공데이터API_동물보호관리시스템 유기동물 정보 조회 서비스(공공데이터포털)
Tools : VScode
| 메인페이지(데스크탑) | 소개 페이지 | 지도 페이지 |
|---|---|---|
![]() |
![]() |
![]() |
| 메인페이지(태블릿) | 소개 페이지 | 지도 페이지 |
![]() |
![]() |
![]() |
| 메인페이지(폰) | 소개 페이지 | 지도 페이지 |
![]() |
![]() |
![]() |
street.friends.demo.video.mp4
| 날짜 | 구현 계획 | 확인 |
|---|---|---|
| 11.3 | 기획서 작성 | 🙆🏻♀️ |
| 11.7 | 피그마 작업 | 🙆🏻♀️ |
| 11.8 | 피그마 데스크톱 작업 | 🙆🏻♀ |
| 11.9 | 피크마 태블릿, 모바일 작업 | 🙆🏻♀️ |
| 11.11 | 배경 틀 잡기 | 🙆🏻♀️ |
| 11.14 | 테스트 | 🙆🏻♀️ |
| 12.03 | 프로젝트 구현물 제출 | 🙆🏻 |
예상되는 문제점
- api를 끌어오면서 발생하는 충돌
- 유기견의 건강 정보는 어떻게 얻을 것인가
- 유기견 파양 문제는 어떻게 할 것인가
연구과제
- 유기묘와 관련된 정보를 추가
- 다양한 유기 동물 관련 기능 추가
- 지도 api의 위치 아이콘 변경 기능 추가
- 여러 페이지에 나누어서 유기동물 정보 띄우기
- 커서 변경이 github.io에서도 적용되도록 하기









