🐾 네 발자국 🐾

🐾 서비스 소개

우리 동네에서 산책할 수 있는 곳이 어디인지 궁금하지 않으셨나요?
산책을 통해 스트레스와 감정적인 어려움을 해소하고 내면의 평화를 찾을 수 있는 소중한 시간을 가져보세요 !

네 발자국은 사용자 맞춤 산책로 추천을 통해 새로운 경험과 발견을 제공하고
사용자들의 활동을 분석하여 “발자국”을 생성하고 획득하는 재미를 통해 산책의 재미를 극대화합니다!

"사용자 맞춤 산책로 추천을 기반으로 한 우리 동네 영역 표시 플랫폼, 네 발자국"

• 기간 : 24.02.26 ~ 24.04.05 (6주)
• 트랙 : 빅데이터 (분산)

🐾 주요 기능 및 서비스 화면

회원가입	메인화면	산책시작	기록
카카오 간편 로그인을 통해 회원가입을 진행합니다. 산책로 추천을 받기위해 추가정보를 입력받습니다	현재 위치를 기반으로 변화하는 날씨와 배경화면을 확인 할 수 있으며,산책로의 편의시설 점수와 사용자의 정보를 기반으로 학습시킨 K-Means Clustering을 통해 사용자의 실시간 산책 기록을 반영한 개인 맞춤화 산책로를 추천받을 수 있습니다	산책시작을 누르면 실시간 위치 기반으로 산책 기록을 남길 수 있습니다. 중간에 나갈 경우에 중도시작이 가능하며, 산책 종료 시 사진을 통해 산책로의 썸네일을 선택 할 수 있습니다	자신의 산책 기록을 확인 할 수 있습니다. 산책을 하는 날에는 발자국이 표시되어 기록을 가시적으로 확인 할 수 있고, 자신의 산책로를 평가 할 수 있습니다. 비공개/ 공개 토글을 통해 해당 산책로를 타인에게 공개 할지 여부를 결정할 수 있습니다.
랭킹	산책목록	산책로상세	프로필화면
매주 빅데이터를 기반으로 가장 사람들이 많이 다니는 공간을 발자국으로 지정합니다. 이 곳을 가장 많이 다닌 사람의 프로필이 해당 공간에 표시되며, 나의 발자국 페이지를 통해 해당 공간을 방문하면 발자국을 얻으며 산책의 흥미를 이끌 수 있습니다.	좋아요순으로 정렬 된 산책로 목록을 확인 할 수 있으며, 선호하는 산책 시간과 지역을 통해 필터링 된 목록을 확인 할 수 있습니다. 산책로 상세 페이지에서는 해당 산책로 코스와 함께 주변 편의 시설, 안전 시설을 확인 할 수 있습니다	산책로 상세 페이지에서 산책 시작을 클릭할 경우, 해당 산책로 코스를 따라 갈 수 있습니다. 본인의 산책로 폴리라인과 추천 코스가 구별되어 보이기 때문에 원하는 코스로 산책을 할 수 있습니다	프로필 페이지를 통해 본인이 찜한 산책로 목록을 확인 할 수 있습니다. 자신의 개인정보 수정을 통해 추천받는 코스를 다양화 할 수 있습니다.

🐾 기술스택

Frontend

• Visual Studio Code(IDE) 1.81.1
• HTML5, CSS3, Javascript(ES6)
• React 18.2.0
• Vite 5.1.6
• Typescript 5.2.2
• Zustand 4.5.2
• Tanstack Query 5.28.4
• emotion CSS 11.11.4
• Nodejs 20.12.0

Backend

• Intellij 2023.3.2
• JVM OpenJDK 17
• JWT 0.11.5
• Spring Boot 3.0.13
• JAVA Spring Data JPA
• Spring Security
• SSEEmitter
• OAuth 6.0.8
• Lettuce 6.2.7
• Gradle
• ORM : JPA
• Python 3.8.10
• Fastapi 0.110.0
• Skilearn 1.3.2

BigData

• Hadoop 3.3.6
• Spark 3.4.2
• pymysql 1.4.6
• pandas 2.2.1

CI/CD

• AWS EC2
  • Nginx 1.18.0
  • Ubuntu 20.04 LTS
  • Docker 25.0.4
  • Jenkins 2.443
• Docker Hub

🐾 아키텍처

🐾 ERD

🐾 팀원

FrontEnd
🐧 김진영(팀장)	🤴 김경범	🍊 박규리
PM 로그인 UI/UX 회원가입 UI/UX API 구현(회원가입) 마이페이지 UI/UX	프론트엔드 팀장 메인페이지 화면 및 기능 구현 산책 시작 페이지 화면 및 기능 구현 산책로 목록 및 상세 페이지 화면 및 기능 구현 인프라 및 DevOps 구축 PWA 구축	기록 캘린더 화면 및 기능 구현 기록 목록, 상세 화면 및 기능 구현 랭킹 화면 및 기능 구현 카카오맵 API를 활용한 지도, 커스텀 마커 구현 피그마 디자인 작업
BackEnd
🍀 안유나	🏃‍♂️ 오세영	😂 임승환
개인 산책 기록 관련 API 구현 공개 산책 목록 필터 검색 알고리즘 구현 사용자 맟줌 산책로 및 안심 산책로 추천 API 구현 사용자 맞춤 산책로 추천 시스템 모델 구축	Spring Security 적용 OAuth 적용 API 구현 ( 프로필 관련, 랭킹 관련, 좋아요, 좌표 찾기) 랭킹 시스템 알고리즘 구현 공간 데이터베이스 구성 공통 응답 api 구현 공통 에러 api 구현	빅데이터 파이프라인 구축 추천 정보 수집(산책 끝) API 구현 산책로 시작 API 구현 서버 관리 Hadoop, Spark, FastAPI 관련 API 구현