<바라는 바다!>는 Spring framework와 Java를 기반으로 제작된 프로젝트입니다.
이 플랫폼에서는 전국 각 지역의 유명 해수욕장 정보를 DB화 하고 기상청 API와 카카오지도 API를 활용하여
바다 여행을 가고자 하는 사람들이 쉽게 해수욕장 정보와 기상 정보를 얻을 수 있으며,
바다에 다녀온 사람들이 후기와 댓글을 남기며 소통할 수 있습니다.
또 BBTI(바다성향 테스트)를 통해 유저 맞춤형 바다를 추천받을 수 있습니다.
2024.03.21. ~ 2024.04.19. 총 30일.
| Name | 정지은 👑 | 한지수 | 정지수 | 홍문선 |
|---|---|---|---|---|
| Profile |
|
|
|
|
| Position | Front/Backend Develop | Front/Backend Develop | Front/Backend Develop | Front/Backend Develop |
| Git | @doh3e | @jisuhaan | @jisu301203 | @annesolHong & @9Sol |
| wldms3333@gmail.com | haanjisu@gmail.com | jisu301203@naver.com | seizemyred@gmail.com |
정지은(팀장)
UI/UX 설계 / 전체 로직 설계 / 유스케이스 다이어그램 제작 / 메인화면(검색, 회원별 바다추천, 이벤트 배너, 베스트리뷰 슬라이드) / 추천, 바다(지도 선택 페이지, 결과 페이지 해수욕장 정보 및 지도) / 리뷰,바다(싸이월드 스타일의 레트로&도트 디자인, 개별 리뷰 페이지 CSS 작업) / BBTI(바다성향테스트) 로직 및 이미지 제작 / 전체 페이지 CSS 제작 관리 / 전반적인 코드 관리 / 깃허브 관리 담당
한지수(부팀장)
추천 바다(날씨 요약 및 상세 페이지 총괄, 로직 설계, 기상 데이터 수집 및 가공, 데이터 최적화) / 순위 바다(순위 페이지 로직 설계, 데이터 소스 통합), 회원 관리(회원 가입 프로세스 보완, 중복 방지 유효성 검사, 보안성과 사용자 경험 개선) / javascript 데이터 가공 전반 (클라이언트 측 데이터 계산 로직, 실시간 데이터 가공 및 연동) / api 통합 및 데이터 처리 담당
정지수
회원 관리(회원 가입, 회원 목록, 회원 탈퇴, 회원 검색) / 문의,바다(문의게시판 내 공지사항, 문의게시판 CRUD, 문의 검색, 추천 및 최신&추천순 정렬, 관리자 문의 답변, 1:1 문의 기능 및 이메일 전송 등 기능 전체), 리뷰, 바다(리뷰게시판 내 공지사항, 나도 한마디 메뉴 CSS, 지역별 실시간 채팅 CRUD, 채팅 신고 기능 등) 담당
홍문선
DB 설계 및 ERD 제작 및 관리 / 리뷰,바다(리뷰 게시판 CRUD 및 추천&신고&댓글 기능, 리뷰 작성시 해시태그 드롭다운 및 별점 구현) / 문의,바다(공지이벤트 게시판 UI/UX 디자인 및 기능 이미지 작업) / 로그인(로그인 로직 및 CSS, 시도 횟수 별 반응 설계, 아이디&비밀번호 찾기 페이지 로직 및 CSS) / 마이페이지(북마크, 나의 리뷰 및 문의 보기, 전반적인 기능 및 CSS) 담당
여행은 시대를 막론하고 사람들에게 인기 있는 키워드입니다. 특히나 경쟁과 과제에 지친 한국의 현대인들에게 국내 바다 여행은 비교적 쉽게 이룰 수 있는 로망이죠. 팬데믹 이후 여행과 이동이 자유로워지면서, 답답함에 지친 사람들의 여행에 대한 수요가 급증하기도 했고요.
"아, 힘든데 바다에 가고 싶다!"
<바라는 바다!>는 모두가 한 번쯤 느낄 법한 이런 생각에서 출발했습니다. 하지만 바다에 가기 위해 일기예보나 바다 상태, 해수욕장에 있는 편의시설 유무, 사람들의 리뷰 등을 일일이 검색해서 찾는 건 제법 불편한 일이죠. 기상정보, 해수욕장 샤워실이 무료인지, 근처에 캠핑장은 있는지를 확인하고 바다에 실제로 다녀온 사람들의 리뷰를 함께 읽을 수 있는 복합 플랫폼이 있다면 얼마나 좋을까요?
그래서 저희는 바다 여행을 계획할 때 유용한 정보를 한 번에 모아 볼 수 있는 웹사이트를 기획하게 되었습니다. <바라는 바다!>는 다양한 곳에서 단편적으로 제공되는 API 정보를 모아 한 번에 제공하는 정보 제공처이자, 동시에 유저 간에 소통을 중계하는 SNS입니다.
백엔드
- JAVA 11
- Python
- Spring MVC
- JSP
- MyBatis
- AJAX
- JSON
프론트엔드
- HTML
- CSS
- JavaScript
- JQuery
DB & WAS
- Oracle(Oracle Database 11g Express Edition Release 11.2.0.2.0)
- Tomcat 9(9.0.85)
API & OpenData
Environment & Tool
- Windows 11
- STS(3.9.18)
- Git
- GitHub
- Oracle SQL Developer
default.mp4
메인화면에서 지역 검색, 유저 맞춤형 바다추천, 이벤트 배너, 베스트 리뷰를 확인할 수 있어요!
유저들이 남긴 리뷰의 평균 별점을 바탕으로 기본 추천이 이루어집니다. 위치추천을 누르면 직선거리로 가장 가까운 바다를 찾을 수도 있어요.
회원가입을 한 뒤 BBTI(바다성향 테스트) 를 하면 자신에게 맞는 바다를 추천해준답니다!
회원이 되길 원하시나요? 그렇다면 회원가입을 해보세요!
회원가입 로직
회원이 되고나면 자신의 바다 여행 성향을 체크하는 BBTI(바다성향테스트)를 할 수 있습니다.
BBTI 테스트는 회원가입 직후의 알림창, 마이페이지, 그리고 이벤트 배너를 통해 하러갈 수 있어요.
회원가입을 완료하면 언제든 로그인해서 자유롭게 사이트를 이용할 수 있습니다.
회원 기능 중 하나인 마이페이지를 맛보기로 볼까요?
추천,바다!, 순위,바바! 페이지나 리뷰 게시글 보기, 문의 게시글 보기, 1:1문의는 비회원으로도 이용 가능하지만,
리뷰를 작성하거나 댓글을 다는 등 유저와의 상호작용이 필요한 기능은 회원만 이용할 수 있으니 꼭! 가입해주세요!
BBTI 테스트는 총 9가지의 질문으로 구성되어있고, 이를 통해 8가지의 결과를 도출합니다. 결과지를 보고 선택하고 싶다면 직접 고를수도, 성향이 바뀌면 다시 선택할 수도 있어요.
여러분에게 맞는 성향을 골라 맞춤형 바다 추천을 받아보세요!
원하는 지역의 해수욕장을 추천받고, 해수욕장 정보와 날씨를 확인해보세요!
지역을 선택하면 인기 있는 해수욕장 리스트가 나오고, 클릭 시 결과 화면으로 이동합니다.
결과 화면에서는 해수욕장 정보, 편의시설, 주변 특징, 현재 시간의 기상정보를 볼 수 있습니다.
자세히 보기를 누르면 기상 정보에 대해 좀 더 자세히 알 수 있답니다.
사람들이 많이 찾은 바다, 별점이 높은 바다 등을 확인해보고 싶다면, 순위,바바! 페이지를 확인해보세요.
바다 이미지를 클릭하면 해당 바다의 정보를 보러 이동합니다.
리뷰 페이지에서 사람들이 남긴 리뷰를 확인해보고 바다 여행을 계획하세요!
다녀온 바다의 리뷰를 작성하거나 나도 한마디에서 실시간으로 바다가 어떤지를 이야기하며 다른 사람들에게 도움을 줄 수도 있습니다.
관리자에게 전할 사항, 바다 추가 건의, 버그 리포트 등은 문의 게시판을 활용해보세요.
문의를 남기면 관리자가 확인 후 답변을 남겨드려요. 공개 문의는 사람들의 추천을 받을 수도, 신고를 받을 수도 있습니다.
혹시 개인정보와 같은 민감한 문제를 문의해야하나요? 그렇다면 1:1 문의를 통해 관리자에게 메일을 남길 수 있습니다.
로그인이 안되더라도 입력해둔 메일로 답변이 발송되니 걱정하지 마세요!
관리자는 admin이라는 아이디와 관리자라는 고유의 역할을 가집니다.
관리자가 할 수 있는 건 아래와 같아요.
회원관리
회원 정보를 직접 입력하거나, 회원 목록에서 회원 정보 상세 보기, 수정 및 삭제를 할 수 있습니다.
문의관리
문의게시판에서 답변을 입력할 수 있고, 신고 들어온 내역을 확인할 수 있습니다.
1:1문의의 답변을 사이트 내 혹은 메일에서 할 수 있습니다.
신고관리
관리자 로그인 시 리뷰/문의 드롭다운에 각각 신고 내역 확인 메뉴가 생성됩니다.
신고 내용 확인 후, 제재가 필요한 회원을 회원목록에서 삭제, 수정하는 등의 조치를 취할 수 있습니다.