주제 선정

캠핑

코로나 19로 인한 여행을 즐길 수 없어, 캠핑에 대한 수요가 증가하고 있다. 따라서 캠핑을 즐기고자 하는 캠핑족들을 위한 위치기반 캠핑장 추천, 커뮤니티를 만들고자 한다.

프로젝트 명

camp-us

모든 캠핑족들을 위한 서비스를 제공하기 때문에 camp-us 라고 지었다.

기능 명세서 및 UI 기획서

기능 명세

주요 기능

1. 검색 (캠핑장 이름으로 검색, 지도로 검색)
2. 리뷰 좋아요, 캠핑장 좋아요 (캠핑장 좋아요 시 마이페이지에 좋아요 목록에서 확인 가능)
3. 알림 (자신의 리뷰 좋아요 누를 시 알림 기능)
4. 현재 위치를 기반으로 가까운 캠핑장 추천
5. 캠핑장 댓글 (리뷰), 평점
6. 캠핑장 태그 기능 (샤워 시설, 애견동반 등등)
7. 로그인 (google oauth)
8. 마이페이지 (본인이 좋아요 한 캠핑장, 알림 확인)

2차 기능 개발

1. 게시판
2. 회원 가입(자체 회원 가입)
3. ID PW 찾기
4. 카카오, 네이버 oAuth 추가

2차 기능 개발은 추후 1차 구현 완료 후 개발 예정

데이터 수집

데이터는 한국관광공사에서 제공하는 openAPI를 활용하여 자체적으로 데이터베이스화하여 사용.
고캠핑API

프로젝트 진행 시 데이터 수집이 가장 중요하다라는걸 진행하면서 깨닳았다.

UI 기획

네비게이션

• 상단 바 : 로그인 & 회원가입, 커뮤니티, 마이페이지 (로그인 시)
• Google oAuth
• DB에 ID, 비밀번호 저장 → 구글, 카카오 등의 아이디가 없는 사람들을 위함
• 회원가입, 아이디 찾기, 비밀번호 찾기
• 로그인 회원가입 모달
• 로그인 했을 경우, 유저 이름을 클릭하면 마이페이지로 이동

1. 메인 화면

• 검색 화면으로 이동 버튼
• BEST 리뷰
• BEST 캠핑장(별점, 추천 수, 리뷰 수) → 위치 기반 추천 시스템

2 검색 페이지

2-1. 검색 화면

• 왼쪽 : 검색창 / 필터 옵션 → 5~10개 이하
  • 캠핑장 이름 검색
  • 선택할 수 있는 시, 구 옵션
  • 최소 별점 (ex. 3개 이상)
  • 태그 검색 기능
  • 필터하기 어려울 것 같은 항목 : 콘센트 유무 / 방문 인원 / 방문 목적 / 가격
• 오른쪽 : 지도
  • Kakao Maps API

2-2. 검색 결과

• 메인 페이지 지도 좌측에 검색결과 목록 바로 로딩
  • 대표 이미지 1개 + 별점 + 주소 표시
  • 이미지, 이름 클릭 시 상세페이지로 이동
• 왼쪽에서 필터 변경 시 결과에 바로 반영
• 검색 결과 로드 시 필터 조건 숨김, 펼치기
• 정렬 방식 선택 가능
  • 현재 위치에서 가까운 거리 순
  • 리뷰, 별점, 좋아요 높은 순
• 지도 위에 결과 표시하기
  • 마우스 호버 하면 캠핑장 이름 뜨게 하기
• 하단에 이전 페이지, 현재 페이지, 다음 페이지 숫자로 표시

3. 상세페이지

• 맨 위에 대표 이미지 1개씩 표시
  • 썸네일 대표 이미지 1장으로 표시
  • 리뷰에 업로드된 사진은 해당 캠핑장 상세페이지의 사진 리스트에 추가된다.
• 💜 기존 좋아요 갯수가 표시가 되고 등록된 아이디가 💜누르면 한 개 더 올라간다.
• 하트 누르면 좋아요 갯수에 +-1 반영
• 리뷰 (코멘트 + 사진 올리기 + 별점)
• 위치정보
• 이용안내 / 시설정보

4. 마이 페이지

• 좋아요를 누른 캠핑장 리스트 보기
  • 클릭하면 상세페이지로 이동
  • 캠핑장 대표 이미지 / 이름 / 주소 표시
  • 하트 누르면 리스트에서 삭제
• 내가 쓴 리뷰 목록
  • 캠핑장 이름을 클릭하면 상세페이지로 이동
  • 수정 / 삭제
  • 최신 순으로 정렬
• 알림
  • 알림을 클릭하면 게시글, 캠핑장 상세페이지로 이동
  • 읽으면 백그라운드 회색 변경
• 닉네임 수정
  • 닉네임 변경

이번 주차는 기능 명세서, UI 기획서를 작성하였다. 다음 주차는 API 문서, DB 명세서를 작성을 하도록 하겠다.

깃허브 주소: https://github.com/Couch-Coders/6th-camp_us-be