-
Enjoy Trip은 사용자들에게 다양한 관광지 및 주변시설을 소개해주는 웹 사이트입니다.
-
사용자 위치 정보 기반 관광지 소개, 지역별 관광지 소개, 지역별 주변시설 조회 기능, 여행 계획 공유 게시판 기능을 가지고 있습니다.
-
ER Diagram
-
Class Diagram
- usecase
- nav bar
- 로그인, 회원가입, 일정 공유, 여행지 추천, 여행지 주변시설 페이지로 이동 가능
- 로그인 상태일 때는 로그인, 회원가입 대신 로그아웃, 마이페이지를 출력
- 사용자 위치 기반 주변 관광지 소개
- 사용자 위치 정보(위도, 경도)를 이용해서 그 주변 이미지가 있는 관광지 정보를 가까운 거리순으로 4개를 출력
해당 관광지의 정보 출력
- 주소, 상세 주소, 전화번호 출력
- 만약 존재하지 않을 경우 생략
- 아이디 저장
- 이전에 로그인한 정보(아이디)를 저장
- 비밀번호 찾기
- 비밀번호 찾기 모달창을 띄움
- 회원가입 페이지로 연결되는 버튼
- 현재 비밀번호 출력
- 올바른 아이디와 이름이 입력되면 현재 비밀번호를 출력
- 틀린 아이디와 이름이 입력되면 "일치하는 계정이 없습니다."라고 띄움
- 회원가입 폼
- 폼에 입력된 정보에 따라 알맞은 alert창을 띄움
- 회원가입 버튼
- 회원정보 수정 페이지로 연결되는 버튼
- 회원탈퇴 버튼
- 회원탈퇴 모달창을 띄움
- 올바른 비밀번호를 입력하면 회원탈퇴!
- 현재 사용자의 정보 출력
- 바꾸고 싶은 정보 입력
- 올바른 비밀번호를 입력해야 변경 가능
- 비밀번호 보기 버튼
- 기본적으로 비밀번호는 마스킹 처리
- 버튼 클릭시 비밀번호 마스킹 처리가 사라지고 비밀번호
- 프로필 설정 버튼
- 원하는 이미지를 불러와 프로필 이미지로 설정
- 정보 변경 완료 버튼
- 버튼 클릭시 password란에 입력된 정보와 현재 비밀번호가 일치한지 검사
- 비밀번호가 일치하면 마이페이지로 리다이렉트
- 로그인시 바뀐 navbar 모습
- 지역 설정 select box
- 시도선택을 하면 구군선택 option이 변경
- 시도, 구군을 모두 선택하고 카테고리 버튼을 누르면 해당 지역의 관광지 18개의 대표 이미지 출력
- 18개 선정 기준 : 이미지가 있는 관광지 정보를 조회순으로 정렬한 후 상위 18개
- 카테고리 설정
- 18개의 관광지를 카테고리별로 볼 수 있는 버튼
- 관광지 대표 이미지 출력
- 지역 설정을 하지 않았을 경우 : 사용자 위치 정보를 이용해서 그 주변 이미지가 있는 관광지 정보를 가까운 거리순으로 18개 출력
- 관광지 대표 이미지를 클릭하면 관광지 상세정보 모달로 이동
- 해당 관광지의 대표 이미지 출력
- 해당 관광지의 정보 출력 (제목, 주소, 전화번호)
- 사용자 위치를 마커로 표시
- 지역/옵션 설정 select box
- 시도선택을 하면 구군선택 option이 변경
- 구군선택을 하면 옵션선택 option이 변경
- 모두 선택하고 Go! 버튼을 누르면 해당 지역의 해당 카테고리인 모든 시설의 위치를 맵에 마커로 표시
- 카카오 맵 api
- 마커들의 위치에 따라 지도 범위가 재설정
- 마커를 누르면 볼 수 있는 custom overlay
- 다른 마커를 클릭하면 이전 custom overlay는 사라짐
- 일정 공유 작성 페이지로 이동하는 버튼
- 공유된 일정을 간단하게 보여줌 (썸네일, 제목, 조회수)
- 일정 공유 게시글을 누를 때 조회수 증가
- 게시물 제목
- 관광지 검색
- 검색어를 입력하고 검색 버튼 클릭 (enter도 가능)
- 카카오 맵 api
- 검색된 관광지 결과를 리스트로 출력
- 관광지를 클릭하면 카카오 맵 범위가 해당 관광지쪽으로 바뀜
- 체크박스를 선택하면 해당 관광지가 관광지 카트에 들어감
- 관광지 카트
- 짧은 설명을 관광지마다 남길 수 있음
- 등록 버튼
- 목록보기, 삭제하기 버튼
- 목록보기 버튼을 클릭하면 일정 공유 목록 페이지로 이동
- 글을 작성한 회원만 삭제하기 버튼이 보임