Meet Mate는 유저간 위치를 이용하여 최적의 약속 장소를 선정해주는 웹앱 프로젝트입니다. 주요 기능은 다음과 같습니다.
- 유저들의 위치 기반으로 중심 지역을 정해줍니다.
- 정해진 중심 지역 주변에 여러 이용 가능한 시설들을 보여줍니다.
- 유저들의 위치부터 약속 장소까지 대중교통 정보를 보여줍니다.
npm i
npm run dev
- 프로젝트 아키텍처 설계도
- 시연영상
- 데스크톱과 모바일 모두 작동이 가능 하도록 구현
- api 맵 를 이용하여 사용자 위치를 얻음
- 사용자가 정한 약속을 db로 저장
사는 지역이 각기 다른 사람들이 약속을 잡을 때 보통 중간 지점을 기준으로 약속을 잡는 경우가 많습니다. 이럴때 사용자가 직접 중간 지점을 찾아야 하며 잘 모르는 지역인 경우 불필요한 시간을 쓰면서 찾는 경우가 발생합니다. 이를 최소화 하기 위해 GPS를 이용하여 사용자에 위치에 대한 값을 우리들이 계산하여 중간 지점을 정해주며 그 지점 근처에 상권들을 사용자에게 제공해주게 되면 불필요한 시간을 최소화 시킬 수 있으며 직접 중간지점을 찾지 않아도 되는 편리함을 제공할 계획입니다.
데스크탑과 모바일 환경을 나누지 않고 하나의 플랫폼으로 통일을 할 것입니다. 따로 앱을 만들지 않는 이유는 성능과 번거로움 때문입니다. 앱 특성상 웹 개발과 다른 방식으로 진행이 되며 사용자 입장에서는 앱을 깔야하는 번거로움이 존재합니다. 하지만 이를 웹으로만 개발하고 데스크탑과 모바일 환경을 둘다 지원한다면 하나의 플랫폼으로 동일한 컨텐츠를 사용할 수 있기 때문에 데스크탑과 모바일 환경 둘다 지원이 되도록 제작할 것입니다.
api 공개 내부를 들여다 보며 이를 재가공하는 과정들을 통해 api 사용 방법에 대한 지식과 구조를 학습할 수 있습니다. 웹 next.js spring 개발은 와 이라는 라이브러리를 학습하기 이전에 javascript와 java 라는 언어를 학습하는 과정이 필요하기에 기본적인 언어에 대한 학습을 해야합니다. 그렇기에 프로젝트를 진행하면서 자연스럽게 웹 개발에 필요한 지식과 프로그래밍 실력을 동시에 향상 시킬 수 있습니다.
default.mp4
1.mp4
2.mp4
default.mp4
default.mp4
| 지도 검색 | 약속 잡기 |
|---|---|
 |
 |
| 길 찾기 | 버스 | 지하철 |
|---|---|---|
 |
 |
 |