Skip to content
@Just-Plan

Just-Plan

JUST-PLAN 프로젝트 목차

  1. 프로젝트 소개
  2. 시스템 아키텍처
  3. 기술 스택
  4. 문서화
  5. 기능 소개
  6. 팀 소개

JUST-PLAN

프로젝트 소개

다른 사람의 검증된 여행 일정을 가져와 자신만의 여행 일정으로 손쉽게 작성할 수 있는 여행 일정 플래너입니다.

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 문서화를 수행함으로써, 프론트엔드와의 협업을 용이하게 하였습니다.


TECH-STACKS

Frontend Backend Database&Storage DevOps













문서

Linear

부족한 개발 기간으로 Github-flow 브랜치 전략를 사용하여 협업을 수행하였고, Linear를 사용해서 1주 단위로 스프린트를 관리하였습니다.


피그마

피그마 사진

ERD


API 문서화

프론트엔드와의 협업을 위해 swagger를 사용하여 API 문서화를 진행했습니다.


기능 소개

회원가입/로그인

이메일 인증을 통한 회원가입을 제공하여 사용자를 인증하며, 회원 정보를 통해 회원/비회원 사용자 간의 접속할 수 있는 페이지를 구분하여 사용자에게 서비스를 제공합니다.


mbti 테스트

사용자에게 잘 맞는 여행 플랜을 추천하고 장소의 MBTI 통계 정보를 제공하기 위해 사용자에게 여행 MBTI TEST를 실시하게 하여 사용자 맞춤 웹서비스를 제공합니다.


메인페이지 필터링

"나의 여행 플랜 찾기"에서 지역을 선택하여, 이에 해당하는 일정을 필터링하여 조회할 수 있으며,

"MBTI 맞춤 여행 플랜"에서 MBTI를 선택하여, 해당 MBTI를 가진 작성자의 일정을 필터링하여 조회할 수 있습니다.


일정 생성

로그인이 되어있고, MBTI 테스트 결과가 존재한다면 일정 이름, 장소, 해시태그, 날짜 등을 작성하여 일정을 생성할 수 있습니다.


장소 생성

"장소 추가하기" 버튼을 통해 장소를 추가할 수 있습니다.

장소 키워드를 검색하여 여행 지역 내의 장소를 조회할 수 있으며, 추가된 장소의 위치를 지도에서 확인할 수 있습니다.

장소를 클릭하여 장소에 대한 상세 정보를 확인할 수 있고, 다른 이용자가 작성한 댓글을 조회할 수 있습니다.


일정 가져오기

다른 사람의 검증된 일정을 가져오기 버튼을 통해 내 일정으로 만들 수 있습니다.

가져온 일정은 수정이 가능하여, 자신만의 일정으로 커스터마이징하여 손쉽게 일정을 만들 수 있습니다.


일정 수정

드래그 앤 드랍을 통해 사용자가 원하는 장소를 원하는 날짜에 추가 및 삭제하여 일정을 수정할 수 있습니다.

장소의 위치를 날짜에 맞게 추가 및 삭제할 수 있도록 사용자에게 맵을 제공합니다.


가계부

가계부를 ON/OFF 하여 작성할 수 있습니다.

현금, 카드를 구분하여 예산을 작성할 수 있으며, 교통, 음식, 쇼핑, 등의 카테고리 별로 지출 내역을 기록할 수 있습니다.


메모, 장소 상세 페이지

장소에 대한 정보를 보여주거나 해당 장소에 많이간 MBTI 정보 그리고 댯글등을 사용자에게 제공합니다.장소별로 구매할 물품, 준비물같은 간단한 메모를 할 수 있습니다.

일정 내에 해당 장소가 있을 때는 메모를 추가하여 자신만의 정보들을 적어 놓을 수 있습니다.

장소 상세 페이지에서는 장소별 MBTI 통계, 댓글과 운영 시간을 확인할 수 있습니다.


마이페이지

사용자 정보를 토대로 관련된 여행 일정이나 가계부, 회원 정보 수정 기능을 제공합니다.


팀 소개

Pictures
Name 최민우 강윤지 김민형 최윤정 황현성
Position Frontend
Frontend
Backend
Backend
Backend
GitHub

Popular repositories Loading

  1. frontend frontend Public

    TypeScript 1

  2. backend backend Public

    Java

  3. just-plan just-plan Public

    Dockerfile

  4. .github .github Public

    리드미폴더

Repositories

Showing 4 of 4 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…