PAW PAW 🐾

서비스 소개 🐕‍🦺🐈🗺

         

 반려동물을 좋아하는 사람 6명을 모았습니다. 🙋

다양한 아이디어를 고민 하던 중 6명 모두 식당이나 카페에 반려동물과 함께 갈 수 있는지 유무를 알 수 없어 불편했던 경험이 있습니다.

이를 바탕으로 “반려동물 동반 가능 장소만을 위한 지도 앱이 있었으면 좋겠다!”는 아이디어에 착안해서 만들었습니다.

반려동물 인구 1500만 시대!
세상의 모든 반려동물, 반려인을 위한 커뮤니티 & 지도 웹앱 PAW PAW 🐾

가 모든 반려인들의 친구가 되겠습니다.

저희 서비스는 고양이와 강아지 발바닥을 로고로 사용했습니다.
발바닥을 가진 친구들(강아지, 고양이 등)이 마음 편히 갈 수 있는 장소를 모아서 보여주고 싶었던 저희 팀원들의 염원이 반영되어 있습니다.

⚠️ 하지만 고양이는 수영장에 데려가시면 안됩니다..

🔎 내가 사는 지역에서 반려동물과 함께할 수 있는 모든 시설을 확인하세요.

📝 방문한 적이 있는 곳은 리뷰를 작성해 다른 반려인들과 경험을 공유해보세요.

⭐ 마음에 든 장소를 저장해서 나만의 지도를 만들어 보세요.

🏃🏻‍♀️ 커뮤니티에서 정보를 공유하고 다른 동물 친구를 만들어 보세요!

---

🔗 배포 링크

http://pawpaw.fun

---

서비스 화면 🎥

👤 유저 관리

회원가입

로그인

마이페이지

내 정보 수정

로그아웃

회원 탈퇴

관리자 권한 요청

🗺 지도

지도

지도 필터

지도 모달

리뷰 CRUD

북마크

💬 커뮤니티

커뮤니티 메인

게시물 조회

게시물 작성

게시물 수정 및 삭제

댓글 CRUD

게시글 검색

게시글 정렬

장소 추가하기

---

팀원 소개 🤼

이건희 팀장 FE	김수진 팀원 FE	천지은 팀원 FE	김현동 팀장 BE	김채원 팀원 BE	오수빈 팀원 BE
LEEKH109	SujinKim1127	JaneChun	khd325	SEBBEKCW	subimm

---

기술 스택 📚

---

🖥 프론트 엔드

팀원 명	담당 기능
이건희	회원가입-탈퇴, 로그인-아웃, 관리자권한, 리프레쉬 토큰, 댓글 CRUD, 게시글 추천, 프라이빗 라우터, CSS, 배포
천지은	홈 지도, 지도 필터, 게시글 CRUD, 게시글 검색 및 정렬, 장소 북마크, 회원 정보 수정, sweetalert2, CSS
김수진	장소 리뷰 CRUD, 지도 Modal, 장소 추가, 마이페이지, 커뮤니티, sweetalert2, CSS

⌨️ 백 엔드

팀원 명	담당 기능
김현동	서버 배포, 로그인 로그아웃(Spring Security + Redis), Map 도메인, 게시판 도메인, 배포 자동화
오수빈	회원 등록, 회원 정보 수정, 회원 삭제, 마이페이지 조회, 관리자 권한 추가, 배포 자동화
김채원	게시판 CRUD, S3 이미지 업로드, 이미지 삭제

---

Userflow 🔀

🔗 Figma Link

---

디렉토리 구조 🗃

📂 Client

📦 src
 ┣ 📂 Components
 ┃ ┣ 📄 Box.tsx
 ┃ ┣ 📄 Button.tsx
 ┃ ┣ 📄 Comment.tsx
 ┃ ┣ 📄 CommunityComment.tsx
 ┃ ┣ 📄 CommunityPost.tsx
 ┃ ┣ 📄 Friend.tsx
 ┃ ┣ 📄 FriendRecommend.tsx
 ┃ ┣ 📄 Header.tsx
 ┃ ┣ 📄 Input.tsx
 ┃ ┣ 📄 Modal.tsx
 ┃ ┣ 📄 ModalReview.tsx
 ┃ ┣ 📄 ModalReviewWrite.tsx
 ┃ ┣ 📄 MypagePost.tsx
 ┃ ┣ 📄 Nav.tsx
 ┃ ┣ 📄 NoAuth.tsx
 ┃ ┣ 📄 PawIconSVG.tsx
 ┃ ┣ 📄 PrivateRouter.tsx
 ┃ ┣ 📄 SearchBar.tsx
 ┃ ┗ 📄 SortModal.tsx
 ┣ 📂 Map
 ┃ ┣ 📄 HomeMap.tsx
 ┃ ┣ 📄 Icons.tsx
 ┃ ┣ 📄 MapFilter.tsx
 ┃ ┗ 📄 Marker.tsx
 ┣ 📂 Pages
 ┃ ┣ 📄 AddMarker.tsx
 ┃ ┣ 📄 AddressModal.tsx
 ┃ ┣ 📄 Community.tsx
 ┃ ┣ 📄 CommunityDetail.tsx
 ┃ ┣ 📄 Domain.tsx
 ┃ ┣ 📄 Login.tsx
 ┃ ┣ 📄 Mypage.tsx
 ┃ ┣ 📄 NotFound.tsx
 ┃ ┣ 📄 PostEdit.tsx
 ┃ ┣ 📄 PostWrite.tsx
 ┃ ┣ 📄 Profile.tsx
 ┃ ┣ 📄 SignUp.tsx
 ┃ ┣ 📄 UserInfo.tsx
 ┃ ┗ 📄 UserInfoEdit.tsx
 ┣ 📂 img
 ┣ 📂 util
 ┃ ┣ 📄 CommunityCommentApi.tsx
 ┃ ┣ 📄 ConvertAddress.tsx
 ┃ ┣ 📄 GlobalAxios.tsx
 ┃ ┣ 📄 Inter.tsx
 ┃ ┣ 📄 MapApi.tsx
 ┃ ┣ 📄 MapFilterApi.tsx
 ┃ ┣ 📄 UserApi.tsx
 ┃ ┣ 📄 color.tsx
 ┃ ┣ 📄 formDataHeaders.tsx
 ┃ ┣ 📄 headers.tsx
 ┃ ┗ 📄 seoul-geojson.json
 ┣ 📄 App.css
 ┣ 📄 App.tsx
 ┣ 📄 index.css
 ┣ 📄 index.tsx
 ┗ 📄 types.ts

📂 Server

📦 src
 ┣ 📂main
 ┃ ┣ 📂  java
 ┃ ┃ ┗ 📂 animalsquad
 ┃ ┃ ┃ ┗ 📂 server
 ┃ ┃ ┃ ┃ ┣ 📂 domain
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 address
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 Address.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 AddressRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 AddressService.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 infomap
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 InfoMapController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 InfoMapCommentPatchDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 InfoMapCommentPostDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 InfoMapDetailsResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 InfoMapPostDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 InfoMapsResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 InfoMapsWithCenterResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 InfoMap.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 InfoMapCategory.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 InfoMapComment.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 mapper
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 InfoMapCommentsMapper.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 InfoMapMapper.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 InfoMapCommentRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 InfoMapRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 InfoMapCommentService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 InfoMapService.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 pet
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PetPatchDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PetPostAdminDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PetPostDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 Gender.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 Pet.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 Species.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 mapper
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetMapper.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetService.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 petmap
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetMapController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 MyPlaceDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetMap.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 mapper
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetMapMapper.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetMapRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetMapService.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂 post
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PostController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostCommentPatchDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostCommentPostDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostCommentResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostDetailsResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostImagePostDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostLikesDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostPatchDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PostsResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 Post.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostComment.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostImage.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PostLikes.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 mapper
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostCommentMapper.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostLikesMapper.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PostMapper.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostCommentRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostImageRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostLikesRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PostRepository.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostCommentService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostImageService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PostLikesService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PostService.java
 ┃ ┃ ┃ ┃ ┣ 📂 global
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 advice
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 GlobalExceptionAdvice.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 audit
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 Auditable.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 auth
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 AuthController.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 AuthRequestDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 AuthResponseDto.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 handler
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PetAccessDeniedHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PetAuthenticationEntryPoint.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 PetAuthenticationFailureHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetAuthenticationSuccessHandler.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 jwt
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 JwtAuthenticationFilter.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 JwtExceptionFilter.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 JwtTokenProvider.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 JwtVerificationFilter.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 AuthService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 userdetails
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PetDetailsService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 utils
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 ErrorResponder.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 config
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 OpenEntityManagerConfig.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 RedisRepositoryConfig.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 S3Config.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 SecurityConfiguration.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 PageInfo.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 enums
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 Role.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 exception
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 BusinessLogicException.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 ExceptionCode.java
 ┃ ┃ ┃ ┃ ┃ ┣ 📂 response
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 ErrorResponse.java
 ┃ ┃ ┃ ┃ ┃ ┗ 📂 s3
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂 component
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 S3Component.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂 service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 AwsS3UploadService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📄 FileUploadService.java
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📄 UploadService.java
 ┃ ┃ ┃ ┃ ┗ 📄 ServerApplication.java
 ┃ ┣ 📂 resources-dev
 ┃ ┃ ┗ 📄 application.yml
 ┃ ┗ 📂 resources-prod
 ┃ ┃ ┗ 📄 application.yml
 ┗ 📂 test
 ┃ ┗ 📂 java
 ┃ ┃ ┗ 📂 animalsquad
 ┃ ┃ ┃ ┗ 📂 server
 ┃ ┃ ┃ ┃ ┗ 📄 ServerApplicationTests.java