🕛  개발 기간 : 2022.5 ~

~~🔗  Web : https://www.momukzzi.shop/서버 비용 문제 때문에 잠정중단~~

🗨️  Github : https://github.com/hyukzz/ReMomukzzi

📜 서비스 내용

“뭐 먹을까?”, “아무거나?”라는 현대 사회인의 난제를 해결하기 위해 도보 5~10분 내(1km)의 음식점들 중 한 곳을 추천해주는 서비스 입니다.

아래는 “모먹지” 서비스에서 제공하는 핵심 기능중 2가지입니다.

1. 접속 위치 기반 음식점 정보 수집 및 랜덤으로 1종 추천
2. 각 음식점에 대한 상세정보, 리뷰 및 별점 시스템

🛠 사용된 기술 스택

• JavaScript, React, Next.js, Redux, Styled-Components

🖥 개발 내용

1. 위치기반 주변 음식점 찾아주기

처음 이 프로젝트를 시작했을 때, 더미데이터를 활용하지 않고 라이브 데이터를 활용해보자는 취지에서 시작되었습니다.

공공 API, 카카오맵 API 두가지를 생각했었는데, 공공 API의 경우 저희가 필요했던 데이터들이 턱없이 부족하여 카카오맵 API를 활용했습니다.

• (1) Geolocation을 활용하여 유저의 현재 좌표를 찾아서 카카오맵 API를 사용.
• (2) response로 받은 데이터에는 카카오플레이스 URL과 정보들이 있음. → 1페이지 당 15개의 정보만
• (3) 4페이지, 즉 60개의 주변 음식점 기본 정보를 수집 → 서버로 보냄
• (4) 크롤링 로직에 따라 추가데이터(이미지, 메뉴, 가격 등)를 실어 서버가 보내주면 그것으로 페이지 구성

기본적으로 서버에서는 최소 15개 이상의 음식점 정보를 전달해주게 주게 되는데,

메인 페이지는 1개의 메인 음식점 + 6개의 서브 음식점으로 구성이 되며