pointot - 상세기능

noungheeya·2022년 10월 20일
0

project

목록 보기
2/10
post-thumbnail

상세기능

여행일정 등록

  • 여행주제, 지역, 일정 시작일, 마지막일을 필수로 작성하여 등록한다.
  • 일정 시작일, 마지막일을 등록할때 달력 아이콘을 클릭하면 달력 ui가 나타난다.
  • 빈 입력란이 있는 상태에서 등록버튼을 클릭시 "아직 입력하지 않은 값이 있습니다!"라는 메세지가 나타난다.

여행일정 선택

  • 여행일정 선택 버튼을 클릭시 저장된 여행일정 리스트들을 선택할 수 있는 모달창이 나타난다.
  • 원하는 항목을 선택하면 시작일 기준으로 dDay가 메인페이지에 렌더링 되며 nav tab이 활성화 된다.

여행일정 수정 및 삭제

  • 여행일정 수정 및 삭제는 일정관리 탭에서 변경 및 삭제할 수 있다.
  • 예약한 숙소가 있을 경우는 일정을 변경 및 삭제할 수 없으며, 예약을 먼저 취소한 뒤 할 수 있다.

숙소예약하기

  • 등록한 지역을 기준으로 예약리스트들이 예약가능 숙소탭에 렌더링 된다.
  • 각 항목 상세보기 링크로 상세페이지로 이동가능하다.
  • 저장한 시작일과 마지막일 사이에서 날짜 선택 가능하며 예약 후 메인페이지로 이동한다.

예약 취소하기

  • 일정 관리탭에서 취소 버튼으로 취소할 수 있다.

핀리스트 저장 및 취소하기

  • 숙소 상세페이지내에서와 예약가능 숙소탭에서 각 항목에 있는 핀아이콘으로 저장 및
  • 저장 성공하면 오렌지색 아이콘으로 변하고 취소하면 흰색 아이콘으로 변한다.

핀리스트 메모하기

  • 숙소 상페페이지 내에서 핀리스트를 저장할때는 memo를 입력한뒤 핀리스트에 저장된다.
  • 예약가능탭에서 핀리스트를 저장할때는 생략된다.(상세페이지 내에는 숙소 정보가 자세하게 나오는 영역이기때문에 핀리스트에 저장하려는 이유를 파악할 수 있기때문)
  • 메모를 확인하거나 변경할때는 핀리스트탭에서 할 수 있다.

숙소 근처 여행지 기록 및 추천하기

  • 여행지 추천탭에서 해당 숙소 기록하기 클릭시 추천등록 페이지로 이동한다.
  • 타입, 여행지명, 이미지, 페이지 링크, 내용입력을한 뒤 저장하면 저장된 리스트들을 여행지 추천탭에서 확인 가능하다
  • 만약 30일내에 등록하지 않는다면 저장한 여행일정이 자동으로 사라진다.

dDay(마지막일 기준)

dDay >= 0(일정이 안지남)

일정관리

  • 예약한 리스트가 있으면 리스트들이 렌더링 된다.
  • 예약한 리스트가 없으면 "아직 예약한 리스트가 없습니다."라는 메세지가 렌더링 된다.

예약가능 숙소

  • 예약가능 숙소 리스트가 렌더링 된다.

찜리스트

  • 저장한 찜리스트가 있으면 렌더링 된다.
  • 저장한 찜리스가 없으면 "아직 저장한 리스트가 없습니다!"라는 메세지가 렌더링 된다.

여행지 추천

  • "아직 다녀온 숙소가 없습니다"라는 메세지가 렌더링 된다.

dDay < 0(일정이 지남)

일정관리

  • 일정변경 및 삭제 버튼이 사라진다.
  • "여행 일정이 끝났습니다"라는 메세지가 렌더링 된다.

예약가능 숙소

  • "여행 일정이 끝났습니다"라는 메세지가 렌더링 된다.

찜리스트

  • "여행 일정이 끝났습니다"라는 메세지가 렌더링 된다.

여행지 추천

  • 다녀간 숙소 리스트와 기록하기 버튼이 있는 ui가 렌더링 된다.
profile
귀여븐 엥팁이지롱😊

0개의 댓글