기간 : 24. 01. 04 ~ 02. 08
프로젝트명 : Puppy Ground(퍼피 그라운드)
소개 : 중고물품 거래부터 유기견 공고 및 반려견 동반 가능한 시설 조회와 반려견 커뮤니티까지 제공하는 반려견 관련 다목적 플랫폼
설명 : 반려동물을 키우는 사람이 많아진 만큼 사용하지 않는 반려동물 용품을 가까운 이웃과 중고거래 할 수 있는 서비스를 만들어 보고자 하였습니다. 그와 더불어 유기동물 또한 많아져서 사지말고 입양을 권하는 취지로 전국 유기견보호소에 있는 아이들에 대한 정보를 제공하고자 하였고 반려견과 함께 할 수 있는 내 주변 장소를 공유하고 반려인들과 소통할 수 있는 플랫폼을 만들어보고자 하였습니다.
메인페이지 | 유기견 공고 | 유기견 공고 상세 |
---|---|---|
![]() |
![]() |
![]() |
중고 물품 목록 | 중고 물품 상세 | 동반시설 |
---|---|---|
![]() |
![]() |
![]() |
멍스타그램 | 멍스타그램 상세 | 마이 페이지 |
---|---|---|
![]() |
![]() |
![]() |

Next.js
SSR, 정적 사이트 생성으로 SEO 및 초기 로딩 성능 향상TypeScript
정적 타입을 지원하여 오류 사전 방지, 개발 생산성 향상Zustand
: 간단한 API로 React 전역 상태 관리. 컴포넌트 간 상태 공유와 상태 관리를 단순화React Query
데이터 요청, 캐싱 관리. 효율적인 데이터 업데이트CSS Module + Sass
컴포넌트별 스타일 캡슐화, 스타일 관리 효율화Supabase (Authentication, Realtime, Storage)
사용자 인증, 실시간 데이터 처리, 파일 저장 기능 제공공공 API 및 Kakao API
공공 API로 유기견 공고와 반려동물 동반시설 목록을 가져오고, Kakaomap API로 지도 표시Git 및 GitHub
: 버전 관리, 협업 도구로 사용. 코드 변경 이력 추적, 프로젝트 관리 용이화Vercel
Next.js에서 제공하는 기능을 잘 지원하며, 빠르고 안정적인 서버리스 배포 환경 제공
염혜원 | 손지원 | 손창성 | 이예지 | 천영륜 |
---|---|---|---|---|
Yeomhyewon | jiwonson0629 | scseong | Yeahzzl | nuny0831 |