Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yoohyunji/triplet
공공 데이터를 이용한 여행 계획 웹 서비스
https://github.com/yoohyunji/triplet
beautiful-dnd docker kakaomap mongodb mybatis mysql spring-boot vue3
Last synced: 10 days ago
JSON representation
공공 데이터를 이용한 여행 계획 웹 서비스
- Host: GitHub
- URL: https://github.com/yoohyunji/triplet
- Owner: YooHyunJi
- Created: 2023-12-02T04:01:31.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-04T15:10:57.000Z (about 1 year ago)
- Last Synced: 2024-11-07T09:40:26.961Z (2 months ago)
- Topics: beautiful-dnd, docker, kakaomap, mongodb, mybatis, mysql, spring-boot, vue3
- Language: Vue
- Homepage:
- Size: 209 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Let's Trip, Triplet!
Triplet은 공공 데이터를 이용한 여행 계획 웹 서비스입니다
모두를 위한 여행지 정보 제공부터 회원만을 위한 나만의 여행 계획, 여행 정보를 얻을 수 있는 게시판과 채팅까지!
여행을 위한 모든 준비를 도와드립니다
## :luggage: 주요 기능
### :mag: 여행지 검색
- 시/도, 여행지 유형, 검색어에 따른 여행지를 검색할 수 있습니다
- 검색 결과는 검색창 아래에 목록으로 나열되며, 각각의 여행지는 지도에 marker로 나타납니다
- 지도 위 marker에 마우스 커서를 올리거나 목록에 있는 여행지를 클릭하는 경우, 해당 여행지를 중심으로 지도가 이동하며 해당 여행지의 정보가 overlay로 나타납니다
- overlay에는 해당 여행지의 좋아요 수가 나타나며, 해당 기능은 회원만 이용 가능합니다
### :world_map: 나만의 여행 계획
- 여행의 제목, 인원, 일자, 각 일자에 방문할 여행지, 여행지 별 예산과 메모를 등록해 나만의 여행 계획을 만들 수 있습니다
- 여행지를 추가할 때에는 검색 결과/좋아요 누른 여행지 목록으로부터 Drag&Drop 형식으로 추가할 수 있습니다
- 여행지 별 예산을 등록하고 인원을 변경할 때마다 일자 별 예산, 총 예산이 자동으로 변경됩니다
- 경로 계산 버튼을 누르면 해당 일자에 방문할 여행지들 간 최단 경로를 확인할 수 있습니다
- 우측 상단 저장 버튼으로 여행 계획을 저장할 수 있습니다
- 저장된 여행 계획은 마이페이지를 통해 다시 열람할 수 있습니다
- 저장된 여행 계획에서도 경로 계산 기능을 사용할 수 있습니다
### :clipboard: 여행 정보 게시판
- 여행과 관련된 정보를 자유롭게 교환할 수 있는 게시판입니다
- 게시글의 제목, 작성자 닉네임, 글 번호로 검색이 가능합니다
- 각각의 게시글에는 좋아요와 댓글 기능이 제공됩니다
- 각각의 게시글과 댓글은 수정 및 삭제가 가능합니다
- 사용자가 프로필 이미지나 닉네임을 변경할 경우, 댓글의 정보도 함께 변경됩니다
### :speech_balloon: 여행지 별 채팅
- 메인 페이지에서 각 여행지 별 채팅방 목록을 확인할 수 있습니다
- 각각의 채팅방 목록을 클릭하면 해당 여행지의 채팅방으로 입장할 수 있습니다
- 채팅방에서는 실시간으로 다른 사용자와 대화할 수 있습니다
- 위의 이미지처럼 각각 다른 계정으로 로그인한 사용자들이 같은 채팅방에서 실시간으로 대화를 나눌 수 있습니다
## :books: 기술 스택
### FrontEnd
### BackEnd
### DataBase
### API
### Collaboration Tool
## :gear: 실행 환경 설정
### FrontEnd
1. 폴더 이동 > node modules 설치 > FrontEnd 서버 실행
```bash
cd go-trip-with-jun-yeop
npm i
npm run dev
```
### BackEnd
1. docker hub 설치
2. docker 컨테이너 생성 > 실행
```bash
cd docker
docker-compoese up -d
```
3. MySql 설치
4. src > main > java > com.sj.trip > BackEndApplication 실행
## :bar_chart: 사용한 데이터
1. 공공데이터포털 한국관광공사_국문 관광정보 서비스_GW
https://www.data.go.kr/iim/api/selectAPIAcountView.do
2. 공공데이터포털 행정안전부_행정표준코드_법정동코드
https://www.data.go.kr/iim/api/selectAPIAcountView.do