국내 여행지 플래너 서비스 🖍️

📝 목차

• 1. 프로젝트 개요
• 2. 담당 역할
• 3. 프로젝트 화면 구성
• 4. 내가 사용한 기술 스택
• 5. 기술적 이슈와 해결 과정
• 6. 팀원

다음과 같은 목차로 구성되어 있습니다.

🚀 프로젝트 개요

💡 여행지 검색

• Kakao Map API를 활용해 지도 기반으로 여행지 검색

💡 여행지 찜

• 관심 있는 여행지를 찜하여 저장

💡 여행 계획 플래너

• 찜한 여행지를 기반으로 날짜별 여행 계획 수립
• 여행지별 메모 작성 기능
• 선택한 여행지 간 최단 경로 제공

💡 핫플 여행지 공유 커뮤니티

• 다녀온 여행지를 공유하고 소통할 수 있는 커뮤니티

💡 챗봇

• 궁금한 사항을 해결해주는 문의 챗봇

👨‍💻 담당 역할

💡 여행지 검색

• 국내 여행지 공공 데이터를 활용하여 Kakao Map 지도 위치 검색
• Kakao Map API를 활용하여 클러스터, 마커, 선 등 구현
• 여행지 검색 무한스크롤

💡 여행지 찜

• 관심있는 여행지를 찜하는 기능

💡 여행 계획 플래너

• draggable, datePicker, slick 라이브러리 등 접목하여 UX향상
• 날짜별 여행계획 수립
• 여행지별 메모 작성
• TSP 알고리즘으로 최단 경로 시각화

💡 반응형 디자인

• Media 태그를 활용한 반응형 디자인

🖥️ 화면 구성

메인 화면
Slick 라이브러리를 사용하여 UX 향상

여행지 검색
무한스크롤 여행지 검색

여행지 찜
여행지 찜

여행 계획 플래너
draggable, datepicker 라이브러리 활용하여 UX 향상

최단 경로 시각화
TSP 알고리즘 적용

반응형
모든 디바이스에서 사용 가능

⚙ 내가 사용한 기술 스택

Backend

Frontend

Tools

🤔 기술적 이슈와 해결 과정

최단 경로 시각화

• Brute Force방법으로 할 경우 n!이라는 시간복잡도 소요 → DP 방법을 적용한 TSP알고리즘으로 n^2 * 2^n으로 향상 코드 바로보기

여행지 검색 API

• SpringBoot와 MyBatis를 활용한 여행지 검색 API 코드 바로보기
• 무한스크롤 라이브러리 없이 직접 구현 코드 바로보기

여행지 장바구니 API

• SpringBoot와 MyBatis를 활용한 CRUD 코드 바로보기

여행지 계획 플래너

• draggable라이브러리를 통한 UX향상 코드 바로보기

상태 관리

• pinia 상태관리 코드 바로보기

💁‍♂️ 프로젝트 팀원

FullStack	FullStack
홍범선	신원철

📲 링크

:: 영상
:: youtube Link