https://github.com/tripinfoweb/solitour-mobile
Solitour - 새로운 나를 찾는 여행 (Mobile)
https://github.com/tripinfoweb/solitour-mobile
bottomsheet feature-sliced-design fsd mobile react-hook-form react-native react-navigation react-query twrnc webview zod zustand
Last synced: about 1 month ago
JSON representation
Solitour - 새로운 나를 찾는 여행 (Mobile)
- Host: GitHub
- URL: https://github.com/tripinfoweb/solitour-mobile
- Owner: TripInfoWeb
- Created: 2024-12-14T03:58:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-10T04:40:31.000Z (about 1 year ago)
- Last Synced: 2025-06-24T06:07:53.025Z (12 months ago)
- Topics: bottomsheet, feature-sliced-design, fsd, mobile, react-hook-form, react-native, react-navigation, react-query, twrnc, webview, zod, zustand
- Language: TypeScript
- Homepage:
- Size: 2.56 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Solitour - 새로운 나를 찾는 여행 (Mobile)
목차
- [✅ 서비스 소개](#-서비스-소개)
- [💾 주요 기능](#-주요-기능)
- [테마 여행 추천](#테마-여행-추천)
- [여행 계획 목록 조회](#여행-계획-목록-조회)
- [여행 계획 상세 조회](#여행-계획-상세-조회)
- [여행 계획 제목 수정](#여행-계획-제목-수정)
- [여행 계획 삭제](#여행-계획-삭제)
- [여행일기 목록 조회](#여행일기-목록-조회)
- [여행일기 작성](#여행일기-작성)
- [여행일기 수정](#여행일기-수정)
- [여행일기 삭제](#여행일기-삭제)
- [로그인](#로그인)
- [마이페이지](#마이페이지)
- [✏️ 개발 기록](#️-개발-기록)
- [🔑 트러블슈팅 해결 경험](#-트러블슈팅-해결-경험)
- [🏛️️ 아키텍처](#️️-아키텍처)
- [📚 기술 스택](#-기술-스택)
- [👤 팀원 소개](#-팀원-소개)
## ✅ 서비스 소개
혼자 여행하는 사람들에게 선호하는 테마를 기반으로 여행지를 추천하는 앱 서비스입니다. 영화, 드라마, 예능 등에서 나온 촬영지를 바탕으로 여행지를 추천해 줍니다.
## 💾 주요 기능
### 테마 여행 추천
- 여행 기간, 여행 테마, 여행지에서 하고 싶은 일 등의 정보를 기반으로 맞춤 여행 코스를 추천받을 수 있습니다.
- 추천받은 여행 코스 세부 내용을 확인할 수 있습니다.
- 추천받은 여행 코스를 내 여행 계획에 저장할 수 있습니다.
### 여행 계획 목록 조회
- 저장한 여행 계획 목록을 조회할 수 있습니다.
### 여행 계획 상세 조회
- 저장한 여행 계획을 상세 조회할 수 있습니다.
- 여행지 이동 거리 및 이동 예상 시간을 확인할 수 있습니다.
- 카카오 지도 위의 마커를 통해 실제 이동 경로를 확인할 수 있습니다.
- day별 코스를 확인할 수 있습니다.
### 여행 계획 제목 수정
- 저장한 여행 계획의 제목을 수정할 수 있습니다.
### 여행 계획 삭제
- 저장한 여행 계획을 삭제할 수 있습니다.
### 여행일기 목록 조회
- 자신이 작성한 여행일기 목록을 확인할 수 있습니다.
- 여행일기를 카드 형식으로 표시합니다.
### 여행일기 작성
- 제목, 날짜, 장소, 기분, 이미지를 입력하여 여행일기를 작성할 수 있습니다.
- 이미지는 1개만 등록할 수 있습니다.
### 여행일기 수정
- 자신이 작성한 여행일기를 수정할 수 있습니다.
### 여행일기 삭제
- 자신이 작성한 여행일기를 삭제할 수 있습니다.
### 로그인
- 사용자가 서비스를 쉽게 이용할 수 있도록 Kakao OAuth 로그인을 지원합니다.
### 마이페이지
- 마이페이지에서 닉네임을 변경할 수 있습니다.
- 로그아웃을 할 수 있습니다.
## ✏️ 개발 기록
| 제목 | 핵심 키워드 |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
| [💿React Native CLI 시작하기](https://hyunjinno.github.io/posts/react-native-basic) | `React Native` |
| [🪟React Native 프로젝트에 Tailwind CSS 적용하기](https://github.com/TripInfoWeb/solitour-mobile/wiki/%F0%9F%AA%9FReact-Native-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EC%97%90-Tailwind-CSS-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0) | `Tailwind CSS` |
| [⚡Splash Screen 적용하기](https://github.com/TripInfoWeb/solitour-mobile/wiki/%E2%9A%A1Splash-Screen-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0) | `Splash Screen` |
| [🔍테마 여행 추천 기능에서 콘텐츠 검색 기능 구현하기](https://github.com/TripInfoWeb/solitour-mobile/wiki/%F0%9F%94%8D%ED%85%8C%EB%A7%88-%EC%97%AC%ED%96%89-%EC%B6%94%EC%B2%9C-%EA%B8%B0%EB%8A%A5%EC%97%90%EC%84%9C-%EC%BD%98%ED%85%90%EC%B8%A0-%EA%B2%80%EC%83%89-%EA%B8%B0%EB%8A%A5-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0) | `Debounce` |
| [📘React Native 프로젝트에 FSD 아키텍처 적용하기](https://hyunjinno.github.io/posts/fsd-example-react-native/) | `FSD Architecture` |
## 🔑 트러블슈팅 해결 경험
| 제목 | 핵심 키워드 |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ |
| [📱Android에서 Header에 설정한 우측 버튼이 동작하지 않는 오류](https://github.com/TripInfoWeb/solitour-mobile/wiki/%F0%9F%93%B1Android%EC%97%90%EC%84%9C-Header%EC%97%90-%EC%84%A4%EC%A0%95%ED%95%9C-%EC%9A%B0%EC%B8%A1-%EB%B2%84%ED%8A%BC%EC%9D%B4-%EB%8F%99%EC%9E%91%ED%95%98%EC%A7%80-%EC%95%8A%EB%8A%94-%EC%98%A4%EB%A5%98) | `React Navigation` |
| [📱BottomSheetModal이 다른 UI 요소에 의해 가려지는 오류](https://github.com/TripInfoWeb/solitour-mobile/wiki/%F0%9F%93%B1BottomSheetModal%EC%9D%B4-%EB%8B%A4%EB%A5%B8-UI-%EC%9A%94%EC%86%8C%EC%97%90-%EC%9D%98%ED%95%B4-%EA%B0%80%EB%A0%A4%EC%A7%80%EB%8A%94-%EC%98%A4%EB%A5%98) | `BottomSheetModal` |
| [📅여행일기 수정 시 날짜를 변경하지 않았음에도 불구하고 날짜가 하루씩 변경되는 오류](https://github.com/TripInfoWeb/solitour-mobile/wiki/%F0%9F%93%85%EC%97%AC%ED%96%89%EC%9D%BC%EA%B8%B0-%EC%88%98%EC%A0%95-%EC%8B%9C-%EB%82%A0%EC%A7%9C%EB%A5%BC-%EB%B3%80%EA%B2%BD%ED%95%98%EC%A7%80-%EC%95%8A%EC%95%98%EC%9D%8C%EC%97%90%EB%8F%84-%EB%B6%88%EA%B5%AC%ED%95%98%EA%B3%A0-%EB%82%A0%EC%A7%9C%EA%B0%80-%ED%95%98%EB%A3%A8%EC%94%A9-%EB%B3%80%EA%B2%BD%EB%90%98%EB%8A%94-%EC%98%A4%EB%A5%98) | `Date` `UTC` |
| [🔙BottomSheetModal이 리렌더링된 후 모바일 뒤로가기 버튼이 동작하지 않는 오류](https://github.com/TripInfoWeb/solitour-mobile/wiki/%F0%9F%94%99BottomSheetModal%EC%9D%B4-%EB%A6%AC%EB%A0%8C%EB%8D%94%EB%A7%81%EB%90%9C-%ED%9B%84-%EB%AA%A8%EB%B0%94%EC%9D%BC-%EB%92%A4%EB%A1%9C%EA%B0%80%EA%B8%B0-%EB%B2%84%ED%8A%BC%EC%9D%B4-%EB%8F%99%EC%9E%91%ED%95%98%EC%A7%80-%EC%95%8A%EB%8A%94-%EC%98%A4%EB%A5%98) | `BottomSheetModal` `BackHandler` |
| [🖊️여행일기 수정 화면으로 이동했을 때 일기 글 내용이 표시되지 않는 오류](https://github.com/TripInfoWeb/solitour-mobile/wiki/%F0%9F%96%8A%EF%B8%8F%EC%97%AC%ED%96%89%EC%9D%BC%EA%B8%B0-%EC%88%98%EC%A0%95-%ED%99%94%EB%A9%B4%EC%9C%BC%EB%A1%9C-%EC%9D%B4%EB%8F%99%ED%96%88%EC%9D%84-%EB%95%8C-%EC%9D%BC%EA%B8%B0-%EA%B8%80-%EB%82%B4%EC%9A%A9%EC%9D%B4-%ED%91%9C%EC%8B%9C%EB%90%98%EC%A7%80-%EC%95%8A%EB%8A%94-%EC%98%A4%EB%A5%98) | `WebView` `useEffect` |
| [📱FlatList 내 Modal을 사용하면서 발생한 문제](https://github.com/TripInfoWeb/solitour-mobile/wiki/%F0%9F%93%B1FlatList-%EB%82%B4-Modal%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EB%A9%B4%EC%84%9C-%EB%B0%9C%EC%83%9D%ED%95%9C-%EB%AC%B8%EC%A0%9C) | `Modal` `VirtualizedList` `FlatList` |
## 🏛️️ 아키텍처
## 📚 기술 스택
| 분류 | 기술 스택 |
| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| FE |           |
| BE |    |
| Database |  |
| Infrastructure |      |
| Collaboration Tools |      |
## 👤 팀원 소개
| 김수아 | 노현진 | 이수경 | 원동훈 | 정재현 |
| :-----------------: | :--------------------------------------------------------------------: | :-------------------------------------------------------------------: | :------------------------------------------------------------------: | :--------------------------------------------------------------------: |
| None | 
| 
| 
| 
|
| Sua0714@hotmail.com | [@HyunJinNo](https://github.com/HyunJinNo) | [@ssssksss](https://github.com/ssssksss) | [@Astin01](https://github.com/Astin01) | [@hyeonjaez](https://github.com/hyeonjaez) |
| Designer | Front-end | Front-end | Back-end | Back-end |