전국 여행지 조회 기능을 바탕으로 여행 계획을 짜고, 다른 사용자들과 공유할 수 있는 여행 계획 서비스입니다.
- Vue.js, Bootstrap
- SpringBoot, MyBatis
- MySQL
- 한국관광정보의 국문관광정보서비스 API를 활용하여 지역별 여행지 정보를 제공합니다.
- 키워드, 여행지 유형, 지역 등 다양한 필터에 맞는 여행지를 검색할 수 있습니다.
KakaoMap API
를 사용하여 지도 위에서 여행지 위치를 보여줍니다.- 추천수 기준 인기 여행지 TOP3 목록을 보여줍니다.
- 원하는 여행지들을 선택하여 여행 계획을 생성하고, 다른 사용자들과 공유할 수 있습니다.
- 계획한 여행 코스에 대해 이동 시간을 계산하여 보여줍니다.
- 여행을 다녀와서 여행 계획에 대한 후기를 남길 수 있습니다.
메인 페이지 | 인기 여행지 TOP3 |
여행지 찾기 | 플랜 생성 |
플랜 코스 | 플랜 코스 MAP |
마이페이지 | 공지사항 |
frontend
├─public
├─package-lock.json # 프로젝트 의존성 관리
├─package.json # 프로젝트 의존성 관리
└─src
├─App.vue # 시작 컴포넌트
├─api
│ └─http.js # axios 기본 설정
├─assets # 이미지 파일
├─components
│ ├─attraction # 관광지(여행지)
│ ├─board # 글 Input
│ ├─common # 헤더, 푸터 등
│ ├─community # 커뮤니티
│ ├─mypage # 마이페이지
│ │ ├─favoattraction # 좋아하는 관광지(여행지)
│ │ ├─favoplan # 좋아하는 여행계획
│ │ └─myplan # 나의 여행계획
│ ├─notice # 공지사항
│ ├─review # 여행계획 리뷰
│ └─ui # UI
├─plugins # vue axios, bootstrap 설정
├─router # 라우팅
├─store # Vuex
└─views # 페이지 컴포넌트
├─MainView.vue # 메인 컴포넌트
└─...