분류 : 여행 플랫폼 사용 기술 :   React, SpringBoot, Git, NCP, JPA, mySql, javascript, css, webSocket

설명 : 가상의 여행 플랫폼을 만들어 여행지에 대한 정보를 얻거나 여행 플래너를 작성하고 나아가 동행을 구하여 함께 여행 가는 것이 가능하도록 하였습니다.

본인 역할

• 백엔드:
  • NCP object storage 연결을 통한 이미지 업로드 구현
  • 카카오톡 메시지 API를 사용한 메시지 전송 및 리프레시 토큰을 통한 액세스 토큰 발급
  • 실시간 채팅 프론트 연결점 구현
  • 채팅룸 구현
  • 무한스크롤 페이지네이션 구현
• 프론트엔드:
  • 플래너 CRUD 및 기본 UI 구현
  • 커뮤니티 기본 UI 구현
  • 플래너 리스트 및 무한 스크롤 구현
  • 마이페이지의 플래너, 동행, 예약내역 구현
  • 전 페이지 검색 구현
  • 유저 MBTI 테스트 및 매핑
  • 포트원을 사용한 결제 구현
  • 여행 패키지 메인화면 구현 및 예약 페이지 구현
  • 관리자 페이지 동행, 플래너, 예약 내역 구현
  • 채팅 페이지 기본 UI 및 채팅 프론트 구현
  • 전 페이지 CSS 세부 담당
• 인프라:
  • ERD 클라우드를 통한 ERD 설계
  • NCP object storage 설정

본인 구현 기능

플래너

날짜 지장 & 텍스트 작성

날짜를 지정 시 일수만큼 탭이 생성되고 해당 일의 탭 클릭시 확장되며 글을 작성할 수 있습니다.

일정 추가