Skip to content

jjungsk/PJT_TripPage

Repository files navigation

TripPage_Project (Enjoy Trip HomePage)

페이지 이용자가 회원 가입 부터 여행지 검색, "여행 일정 계획" 및 공유 까지 제공하는 웹피이지 구현


목표

  • 약 6개월 동안 배운 Vue, Spring, MySql을 활용하여 직접 팀원과 프로젝트를 구성하고 작성
  • 구성
    • Front : Vue JS
    • Back : Java Spring Framework
    • DB : MySql

기능 소개

  1. 홈페이지
  • ifram을 활용한 유튜브 여행 관련 영상을 홈페이지 배경화면으로 사용
  • 카카오 API를 통해 회원가입&로그인 구현 -> 기존 session을 사용한 로그인 유지에서 token&cookie를 활용한 로그인 유지로 변경 화면 캡처 2022-12-16 143521

  1. 일출&일몰 페이지
  • 유저가 날짜와 알고 싶은 위치를 카카오 맵에서 클릭
  • 주간 날씨 정보를 API를 통해 실시간 확인 가능 화면 캡처 2022-12-16 143456

  1. 여행지 검색 페이지
  • 관광지 정보 API를 활용하여 여행지 목록을 DB화
  • 지역 & 컨텐츠 선택을 통한 여행 정보 리스트 통신
  • 해당 지역을 클릭하면 카카오 맵으로 위치 마크 & 클릭시 상세 정보 모달 확인 화면 캡처 2022-12-16 143410

  1. 여행 일정 계획 및 공유 페이지
  • 장소 랜덤 추천 & 여행 계획 (추가, 생성, 수정, 삭제, 카카오 공유 기능)
  • 해당 지역을 클릭하면 카카오 맵으로 위치 마크 & 클릭시 상세 정보 모달 확인 화면 캡처 2022-12-16 143623

  1. 공지사항 & 게시판 페이지
  • 공지사항 : 관리자 권한을 가진 아이디만 글 등록 & 수정 & 삭제 가능
  • 게시판 : 일반 유저와 홈페이지 가입한 유저에 따른 글 접근 권한 설정
  • 공통 : 페이징, 검색(제목, 작성자) 기능 구현 화면 캡처 2022-12-16 143734

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors