Solitour - 새로운 나를 찾는 여행 (Mobile)

목차

• ✅ 서비스 소개
• 💾 주요 기능
  • 테마 여행 추천
  • 여행 계획 목록 조회
  • 여행 계획 상세 조회
  • 여행 계획 제목 수정
  • 여행 계획 삭제
  • 여행일기 목록 조회
  • 여행일기 작성
  • 여행일기 수정
  • 여행일기 삭제
  • 로그인
  • 마이페이지
• ✏️ 개발 기록
• 🔑 트러블슈팅 해결 경험
• 🏛️️ 아키텍처
• 📚 기술 스택
• 👤 팀원 소개

✅ 서비스 소개

혼자 여행하는 사람들에게 선호하는 테마를 기반으로 여행지를 추천하는 앱 서비스입니다. 영화, 드라마, 예능 등에서 나온 촬영지를 바탕으로 여행지를 추천해 줍니다.

💾 주요 기능

테마 여행 추천

• 여행 기간, 여행 테마, 여행지에서 하고 싶은 일 등의 정보를 기반으로 맞춤 여행 코스를 추천받을 수 있습니다.
• 추천받은 여행 코스 세부 내용을 확인할 수 있습니다.
• 추천받은 여행 코스를 내 여행 계획에 저장할 수 있습니다.

여행 계획 목록 조회

• 저장한 여행 계획 목록을 조회할 수 있습니다.

여행 계획 상세 조회

• 저장한 여행 계획을 상세 조회할 수 있습니다.
• 여행지 이동 거리 및 이동 예상 시간을 확인할 수 있습니다.
• 카카오 지도 위의 마커를 통해 실제 이동 경로를 확인할 수 있습니다.
• day별 코스를 확인할 수 있습니다.

여행 계획 제목 수정

• 저장한 여행 계획의 제목을 수정할 수 있습니다.

여행 계획 삭제

• 저장한 여행 계획을 삭제할 수 있습니다.

여행일기 목록 조회

• 자신이 작성한 여행일기 목록을 확인할 수 있습니다.
• 여행일기를 카드 형식으로 표시합니다.

여행일기 작성

• 제목, 날짜, 장소, 기분, 이미지를 입력하여 여행일기를 작성할 수 있습니다.
• 이미지는 1개만 등록할 수 있습니다.

여행일기 수정

• 자신이 작성한 여행일기를 수정할 수 있습니다.

여행일기 삭제

• 자신이 작성한 여행일기를 삭제할 수 있습니다.

로그인

• 사용자가 서비스를 쉽게 이용할 수 있도록 Kakao OAuth 로그인을 지원합니다.

마이페이지

• 마이페이지에서 닉네임을 변경할 수 있습니다.
• 로그아웃을 할 수 있습니다.

✏️ 개발 기록

제목	핵심 키워드
💿React Native CLI 시작하기	React Native
🪟React Native 프로젝트에 Tailwind CSS 적용하기	Tailwind CSS
⚡Splash Screen 적용하기	Splash Screen
🔍테마 여행 추천 기능에서 콘텐츠 검색 기능 구현하기	Debounce
📘React Native 프로젝트에 FSD 아키텍처 적용하기	FSD Architecture

🔑 트러블슈팅 해결 경험

제목	핵심 키워드
📱Android에서 Header에 설정한 우측 버튼이 동작하지 않는 오류	React Navigation
📱BottomSheetModal이 다른 UI 요소에 의해 가려지는 오류	BottomSheetModal
📅여행일기 수정 시 날짜를 변경하지 않았음에도 불구하고 날짜가 하루씩 변경되는 오류	Date UTC
🔙BottomSheetModal이 리렌더링된 후 모바일 뒤로가기 버튼이 동작하지 않는 오류	BottomSheetModal BackHandler
🖊️여행일기 수정 화면으로 이동했을 때 일기 글 내용이 표시되지 않는 오류	WebView useEffect
📱FlatList 내 Modal을 사용하면서 발생한 문제	Modal VirtualizedList FlatList

🏛️️ 아키텍처

📚 기술 스택

분류	기술 스택
FE
BE
Database
Infrastructure
Collaboration Tools

👤 팀원 소개

김수아	노현진	이수경	원동훈	정재현
None
[email protected]	@HyunJinNo	@ssssksss	@Astin01	@hyeonjaez
Designer	Front-end	Front-end	Back-end	Back-end