다른 사람의 검증된 여행 일정을 가져와 자신만의 여행 일정으로 손쉽게 작성할 수 있는 여행 일정 플래너입니다.
MBTI와 지역 필터링으로 사용자 맞춤 여행 일정을 제공하며, 장소마다 방문한 사용자의 MBTI 통계를 볼 수 있어 자신의 취향에 맞는 여행 장소를 선택할 수 있습니다.
환경 문제로 생기는 에러를 방지하기 위해 docker-compose를 미리 셋팅하여 개발하였고, 웹 서버 리버스 프록시 역할과 보안 강화를 nginx와 certbot를 사용하여 구현하였습니다.
프론트엔드 개발 시 사용한 기술 스택으로는 Next.js 14, 컴파일 단에서 타입 에러를 방지하기 위한 typescript, 전역 상태 관리를 편하게 하기 위한 jotai, 서버 상태 관리를 위한 react-query, css 프레임워크로 tailwindcss 및 공유 ui 컴포넌트인 shadcn/ui를 사용하였습니다. 지도 기능을 제공하기 위해 카카오 지도 api, google map api를 사용하였으며 드래그 앤 드랍을 위해 hello-pangea/dnd 라이브러리를 사용하였습니다.
RDS의 Mysql과 사용자 정보를 빠르게 조회할 수 있도록 redis에 refresh-token을 저장했고, swagger를 이용하여 API 문서화를 수행함으로써, 프론트엔드와의 협업을 용이하게 하였습니다.
| Frontend | Backend | Database&Storage | DevOps |
|---|---|---|---|
부족한 개발 기간으로 Github-flow 브랜치 전략를 사용하여 협업을 수행하였고, Linear를 사용해서 1주 단위로 스프린트를 관리하였습니다.
프론트엔드와의 협업을 위해 swagger를 사용하여 API 문서화를 진행했습니다.
"나의 여행 플랜 찾기"에서 지역을 선택하여, 이에 해당하는 일정을 필터링하여 조회할 수 있으며,
"MBTI 맞춤 여행 플랜"에서 MBTI를 선택하여, 해당 MBTI를 가진 작성자의 일정을 필터링하여 조회할 수 있습니다.
"장소 추가하기" 버튼을 통해 장소를 추가할 수 있습니다.
장소 키워드를 검색하여 여행 지역 내의 장소를 조회할 수 있으며, 추가된 장소의 위치를 지도에서 확인할 수 있습니다.
장소를 클릭하여 장소에 대한 상세 정보를 확인할 수 있고, 다른 이용자가 작성한 댓글을 조회할 수 있습니다.
다른 사람의 검증된 일정을 가져오기 버튼을 통해 내 일정으로 만들 수 있습니다.
가져온 일정은 수정이 가능하여, 자신만의 일정으로 커스터마이징하여 손쉽게 일정을 만들 수 있습니다.
드래그 앤 드랍을 통해 사용자가 원하는 장소를 원하는 날짜에 추가 및 삭제하여 일정을 수정할 수 있습니다.
장소의 위치를 날짜에 맞게 추가 및 삭제할 수 있도록 사용자에게 맵을 제공합니다.
장소에 대한 정보를 보여주거나 해당 장소에 많이간 MBTI 정보 그리고 댯글등을 사용자에게 제공합니다.장소별로 구매할 물품, 준비물같은 간단한 메모를 할 수 있습니다.
일정 내에 해당 장소가 있을 때는 메모를 추가하여 자신만의 정보들을 적어 놓을 수 있습니다.
장소 상세 페이지에서는 장소별 MBTI 통계, 댓글과 운영 시간을 확인할 수 있습니다.
| Pictures |
|
|
|
|
|
|---|---|---|---|---|---|
| Name | 최민우 | 강윤지 | 김민형 | 최윤정 | 황현성 |
| Position |
Frontend |
Frontend |
Backend |
Backend |
Backend |
| GitHub |
|
|
|
|
|










