호랑 : 신개념 국내 여행 추천 서비스

국내 여행 소개, 내 취향 여행지 추천 및 여행객 소통의 장 “호랑”

여행지, 숙소, 음식점과 축제 및 행사 등 다양한 국내 여행 정보 제공 플랫폼
사용자의 여행 MBTI 유형을 나눠 사용자의 취향을 고려한 맞춤형 추천 서비스 제공
호랑 여행객을 위한 커뮤니티, 채팅 기능을 통해 소통의 장 제공
호랑 사이트 이용하기

 아키텍쳐

주요기능

 로그인/회원가입

호랑은 기본적인 국내 여행 정보를 제공하지만 내 근처 여행지, 나만의 여행 등 맞춤형 여행 정보 제공을 위해 로그인 기능이 필요합니다.
기본적인 이메일 주소로 가입 할 수 있으며, 구글, 카카오 등 소셜 로그인 기능도 지원합니다.

 메인 페이지, 여행지 추천

메인 페이지에서는 국내 여행 정보를 제공합니다.
추천 여행지, 숙소, 놀거리, 음식점, 축제 및 행사 등 다양한 카테고리 별 정보를 찾을 수 있습니다.
컨트롤러를 누르면 더 다양한 장소를 추천 해주는 페이지로 이동하며, 해당 페이지에서 무한 스크롤을 통해 최대 1000개의 정보를 제공합니다.
검색 기능이 가능합니다.
해당 장소를 누르면 상세 페이지로 이동합니다.

 상세 페이지

해당 장소의 자세한 정보 볼 수 있습니다,
좋아요 / 취소 기능이 있습니다
소셜 공유 아이콘을 클릭하면 url 복사와 카카오톡 소셜 공유가 가능합니다
해당 장소에 대한 상세한 위치를 카카오 맵으로 제공하고 마커로 표시합니다.
여행객이 해당 장소에 대해 리뷰를 남길 수 있도록 댓글 기능을 지원합니다.

 내 근처 여행지

geoloation 기능과 kakaoMap API, TourAPI 내 locationBasedList 를 활용해 내 위치 반경 20km 이내의 관광지, 여행지를 추천합니다.
지도에 있는 여행지 정보를 1000개까지 불러오고 목록에 해당 여행지들을 보여줍니다.
마커를 누르면 해당 여행지명을 보여주며, 마커 또는 더보기 버튼을 통해 상세페이지로 이동 할 수 있습니다.
지도를 이곳저곳 탐색 후, 왼쪽 상단에 자기 위치 찾기를 통해 내 위치로 돌아갈 수 있습니다.

 나만의 여행

심리테스트와 같이 간단한 질문을 통해 여행객의 여행 MBTI를 호랑이 유형으로 정의해줍니다.
해당 유형에 따라 호랑이 스토리를 볼 수 있으며, 좋아할 만한 여행지 및 음식점, 축제 및 행사 등을 추천 받습니다.
다른 유형의 호랑이도 볼 수 있습니다.

 호랑이 모임

여행객의 소통의 장이 되는 커뮤니티 기능입니다.
등록된 글을 카테고리 별로 볼 수 있거나 최신 순, 좋아요 순으로도 볼 수 있습니다.
글을 작성하거나, 좋아요를 누르면 나의 공간에서 볼 수 있습니다.

 나의 공간

사용자의 정보 관리를 할 수 있습니다. 비밀번호를 바꾸거나, 닉네임 변경이 가능합니다.
버튼을 통해 대화 하기, 나만의 여행, 내 근처 여행지 등으로 이동 할 수 있습니다.
사용자가 좋아요 한 컨텐츠 들을 카테고리 별로 나눠서 볼 수 있습니다.
사용자와 관련된 호랑이 공간(커뮤니티) 기능을 활용 할 수 있습니다. 내가 쓴 글, 좋아요 한 글을 볼 수 있습니다.

 대화하기

유저목록
채팅화면
호랑에 가입한 모든 유저와 실시간 대화를 할 수 있습니다.
유저 목록에서는 유저 목록, 최근 접속시간, 마지막 나눈 메시지를 볼 수 있습니다.

기술적 의사결정

Framework & Library

Programing Tool

Programing Language

Collaboration Tool

Database

Deployment Platform

API

 트러블슈팅

#1. Vercel 402 오류

#2.병렬로 api 불러오기 문제

#3. Swiper Library

#4. Supabase 클라이언트를 서버에서 사용하여 데이터 저장 문제 해결

#5. Invalid Hook Call Warning