01 |
F01-01 |
회원 가입 |
회원가입 정보 입력 |
입력 받아야할 값 (이름, 이메일, 전화번호, 닉네임, 생년월일을 입력받는다. 필수값이 비어있을 시 회원가입 불가. |
⭐️⭐️⭐️⭐️⭐️ |
|
F01-02 |
|
소셜 아이디 회원가입 |
네이버, 카카오 등 소셜 아이디를 활용한 회원가입(로그인)을 가능하게 한다. |
⭐️⭐️⭐️⭐️ |
|
F01-03 |
|
이메일 유효성 검사 및 중복 확인 |
이메일 중복, 이메일 형식 확인하여 에러메세지 출력한다. - 아이디는 이메일로 한다. |
⭐️⭐️⭐️⭐️⭐️ |
|
F01-04 |
|
비밀번호 유효성 검사 |
비밀번호 형식이 맞지 않는 경우 에러메세지 출력한다.(8자 이상 20자 미만, 숫자) |
⭐️⭐️⭐️⭐️⭐️ |
|
F01-05 |
|
비밀번호 확인 |
비밀번호와 비밀번호 확인 탭의 입력값이 같은지 확인한다. |
⭐️⭐️⭐️⭐️⭐️ |
|
F01-06 |
|
회원가입 완료시 로그인 |
회원가입 완료시 홈으로 이동한다. |
⭐️⭐️⭐️⭐️⭐️ |
|
|
|
|
|
|
02 |
F02-01 |
로그인/로그아웃 |
로그인 |
세션 or JWT or OAuth를 활용하여 로그인한 후 홈으로 이동한다. |
⭐️⭐️⭐️⭐️⭐️ |
|
F02-02 |
|
로그아웃 |
세션 or JWT or OAuth를 활용하여 로그아웃한 후 홈으로 이동한다. |
⭐️⭐️⭐️⭐️⭐️ |
|
F02-03 |
|
소셜 로그인 |
카카오, 네이버 소셜 로그인이 되도록 한다. |
⭐️⭐️⭐️⭐️ |
|
F02-04 |
|
로그인 실패 시 |
로그인 실패시 오류 메세지 출력한다. |
⭐️⭐️⭐️⭐️⭐️ |
|
F02-05 |
|
로그인 성공 시 |
로그인 성공시 홈으로 이동한다.(로그인 상태 유지) |
⭐️⭐️⭐️⭐️⭐️ |
|
|
|
|
|
|
03 |
F03-01 |
아이디/비밀번호 찾기 |
비밀번호 찾기 |
이메일을 입력 받아 메일로 인증 코드 메일 전송한다. |
⭐️⭐️⭐️ |
|
F03-02 |
|
비밀번호 인증 코드 확인 |
인증 코드 유효성 검사. 인증 코드 맞으면 비밀 번호 변경으로 넘어감 |
⭐️⭐️⭐️ |
|
F03-03 |
|
비밀번호 인증 메일 재전송 |
인증 코드 유효성 검사 실패한 경우나 메일을 받지 못 한 경우 인증메일을 재전송 받을 수 있도록 한다. |
⭐️⭐️⭐️ |
|
F03-04 |
|
비밀번호 변경 |
새 비밀번호와 비밀번호 확인 후 같으면 비밀 번호를 변경한다. |
⭐️⭐️⭐️ |
|
F03-05 |
|
아이디 찾기 |
이름과 전화번호 입력받아 가입된 아이디가 있으면 아이디 이메일을 보여줌. |
⭐️⭐️⭐️ |
|
|
|
|
|
|
04 |
F04-01 |
메인 페이지(홈) |
날씨 nav |
navbar 우측 상단에 이용자의 현재 위치와 그에 따른 날씨를 확인할 수 있다 / 날짜와 지도는 변경할 수 있게 하여 그에 알맞는 날씨 정보를 가져온다. |
⭐️⭐️⭐️⭐️ |
|
F04-02 |
|
메인 title |
날씨에 따라 메인 화면 이미지와 title이 바뀌며 이용자가 사이트에 접근하면 가장 먼저 볼 수 있는 메인 화면이다. |
⭐️⭐️⭐️⭐️⭐️ |
|
F04-03 |
|
BEST TALK |
특정 기간(주, 달)동안 좋아요를 가장 많이 받은 TALK 게시글을 5개 보여준다. |
⭐️⭐️⭐️⭐️ |
|
F04-04 |
|
BEST PHOTO |
특정 기간(주, 달)동안 좋아요를 가장 많이 받은 PHOTO 게시글을 5개 보여준다. |
⭐️⭐️⭐️⭐️ |
|
F04-05 |
|
캠핑장 검색 바로가기 |
캠핑장 검색 기능을 소개하고 캠핑장 검색(키워드), 캠핑장 검색(태그)으로 이동시킨다. |
⭐️⭐️⭐️ |
|
F04-06 |
|
날씨별 사운드 플레이 |
이용자가 위치한 지역의 날씨에 따라 그에 어울리는 사운드를 플레이한다.(비오는날 빗소리… 바람 많이부는 날 바람 소리..) |
⭐️ |
|
|
|
|
|
|
05 |
F05-01 |
캠핑장 |
캠핑장 메인 |
검색바와 캠핑장 리스트, 태그별, 지역별 검색이 가능하도록 구현한다 |
⭐️⭐️⭐️⭐️⭐️ |
|
F05-02 |
|
캠핑장 검색(지역별) |
시군 코드 통해 캠핑장을 검색한다. |
⭐️⭐️⭐️⭐️ |
|
F05-03 |
|
캠핑장 검색(태그별) |
태그를 선택해 캠핑장을 검색한다. |
⭐️⭐️⭐️ |
|
F05-04 |
|
캠핑장 리스트 |
검색으로 도출된 캠핑장 리스트들을 메인화면에서 보여준다 - 리스트 안에는 이름, 주소, 사이트 바로가기 등의 정보를 보여준다 |
⭐️⭐️⭐️⭐️⭐️ |
|
F05-05 |
|
캠핑 일정추가 |
하트나 일정에 추가하기 버튼을 누르면 모달창 ⇒ 일정, 여행 이름을 등록할 수 있도록 하고 등록이 완료되면 여행 일정에 저장된다. 등록을 완료하면 계획하기 페이지로 이동한다. |
⭐️⭐️⭐️⭐️ |
|
F05-06 |
|
상세페이지 이동 |
캠핑장 사진을 클릭하면 캠핑장 상세정보를 확인할 수 있는 페이지로 이동한다. |
⭐️⭐️⭐️ |
|
F05-07 |
|
상세페이지 |
캠핑장의 상세 정보를 보여준다. 이미지, 위치(지도), 연락처, 가격, 입퇴실 가능 시간, 기타 특이사항 등 정보 제공 |
⭐️⭐️⭐️ |
|
F05-08 |
|
캠핑장 사이트 바로가기 |
상세페이지의 사이트 바로가기 버튼을 클릭하면 API안의url로 이동할 수 있게 한다. |
|
|
|
|
|
|
|
06 |
F06-01 |
계획하기 |
일정 리스트 |
내가 저장한 일정들이 보인다. (날짜, 여행 이름, 인원) |
⭐️⭐️⭐️ |
|
F06-02 |
|
일정 상세페이지 |
일정을 클릭하면 캠핑장 사진, 위치, 일정 제목, 인원, 날짜가 보이고 아래 하단엔 여행 to-do 리스트를 입력할 수 있도록 한다. |
⭐️⭐️⭐️ |
|
F06-03 |
|
일정 todolist |
체크리스트로 구현한다. (최대 20개) |
⭐️⭐️⭐️ |
|
F06-04 |
|
예상 날씨 |
일정에 예상되는 날씨를 보여준다 |
⭐️ |
|
|
|
|
|
|
07 |
F07-01 |
커뮤니티 |
커뮤니티 메인 |
커뮤니티에는 photo와 talk 탭으로 나눌 수 있다. photo 중에서 좋아요 수가 많은 5~8개 정도의 사진을 확인 할 수 있다 |
⭐️⭐️⭐️⭐️⭐️ |
|
F07-02 |
|
PHOTO 메인 |
이용자들이 올린 감성 사진을 볼수 있는 페이지이며 인스타그램처럼 무한 스크롤이 가능하다. (최신순 정렬) → 좋아요 버튼, 태그, 작성지를 확인 할 수 있다 |
⭐️⭐️⭐️⭐️⭐️ |
|
F07-03 |
|
PHOTO 등록 |
사진 올리기 버튼을 누르면 사진을 작성할 수 있다(로그인시에만 가능). 사진 등록은 1장만 가능하며 사진에 대한 간단한 설명을 작성할 수 있도록 한다.(200 자이내) 또한 태그를 작성할 수 있다 |
⭐️⭐️⭐️⭐️ |
|
F07-04 |
|
TALK 메인 |
이용자들이 자신의 노하우나 꿀팁을 알려주는 페이지이다. 페이지에서 좋아요 수와 조회수를 확인 가능하다. 정렬은 좋아요순, 조회수 순, 최신순 정렬이 가능하다. |
⭐️⭐️⭐️⭐️⭐️ |
|
F07-05 |
|
TALK 글등록 |
글 작성하기 버튼을 누르면 사진을 작성할 수 있다(로그인 시에만 가능). 글 등록시에는 커버 사진 업로드, 제목(30자이내)가 필수적이며 내용을 입력한 후 태그를 입력할 수 있다. 내용 입력 시에는 사진도 추가가 가능하다 |
⭐️⭐️⭐️⭐️ |
|
F07-06 |
|
TALK 상세페이지 |
상세 페이지 우측에는 좋아요를 누를 수 있는 버튼과 댓글 버튼이 있으며 제목 밑에는 작성자와 조회수를 확인할 수 있다. 상세페이지 하단에는 태그를 확인할 수 있으며 댓글창이 있다 |
⭐️⭐️⭐️⭐️ |
|
F07-07 |
|
TALK 댓글, 대댓글 |
가입을 완료한 사용자는 댓글 작성이 가능하며 댓글은 대댓글까지 가능하다. |
⭐️⭐️ |
|
|
|
|
|
|
08 |
F08-01 |
마이페이지 |
마이페이지 메인 |
마이페이지에서 내가 쓴 글, 사진들을 확인할 수 있다. |
⭐️⭐️⭐️⭐️⭐️ |
|
F08-02 |
|
위시리스트 페이지 |
위시리스트 탭을 누르면 내가 가고 싶은 캠핑장 목록을 조회할 수 있다. |
⭐️ |
|
F08-03 |
|
내가 쓴 글 |
마이페이지 메인화면에서 내가 쓴 게시글을 조회할 수 있다 |
⭐️⭐️⭐️⭐️ |
|
F08-04 |
|
프로필 수정 |
프로필 사진을 변경 버튼을 누르면 이미지를 업로드하여 프로필을 변경할 수 있다. (이미지 용량 제한) |
⭐️⭐️⭐️⭐️⭐️ |
|
F08-05 |
|
개인정보 수정 페이지 |
개인정보를 수정하기 위해서는 비밀번호를 확인 후에 개인정보를 수정할 수 있다. 전화번호, 닉네임 변경할 수 있다. |
⭐️⭐️⭐️⭐️ |
|
F08-06 |
|
비밀번호 변경 페이지 |
비밀번호 변경 버튼을 누르면 비밀번호 맞는지 확인 후에 비밀번호 유효성 검사 후에 비밀번호를 변경할 수 있다. |
⭐️⭐️⭐️⭐️ |
|
F08-07 |
|
회원 탈퇴 |
회원탈퇴 버튼을 누르면 비밀번호를 확인 후에 회원탈퇴 할 수 있다. |
⭐️⭐️⭐️⭐️ |
|
|
|
|
|
|