2022.06.12 ~ 2022.07.28

🔗 github link

Project-MPR

참여 인원

• 3명(Backend)

💭 프로젝트 소개

• 역 기준 주변 음식점 추천 웹
• ‘다이닝 코드’ 사이트 벤치마킹
• SpringBoot + ReactJS + AWS DocumentDB를 이용하여 구축

🪁 배포된 링크(비용문제로 중단)

React App

🛠 기술 스택 및 맡은 역할

기술 스택

Frontend(JS)

• ReactJS

Database

• AWS DocumentDB

Backend(Java)

• Spring Boot
• Spring web mvc
• Spring data mongo
• Swagger

Infrastructure

• Docker

맡은 역할

• 전체적인 풀스택 담당
• WAS와 AWS doucment DB의 TLS 설정을 Docker를 이용해서 간소화
• GitHub Action, Docker, AWS EC2 기반으로 CI / CD 환경을 구축
• Kakao map api 를 이용해서 음식점의 위치를 시각적으로 표시

🗺 Structure

mpr 구조도

🖥 클라이언트 페이지 동작 화면

MPR IMAGE

🤔 Contribution

☁️ AWS EC2 + AWS DocumentDB를 이용한 배포

개발을 할 때에는 로컬 mongo DB를 사용하였고, 배포 때에는 mongo DB interface를 지원하는 AWS document DB 를 사용하여 코드 변경없이 배포를 진행했습니다.

document db

ec2

🎯 KakaoMap api를 이용한 직관적이고 시각적인 기능 추가

사용자가 해당 웹을 직관적으로 사용할 수 있도록 마우스를 Hover하면 해당 식당의 위치와 거리를 색깔과 지도를 이용해서 표현하였습니다.