noungheeya.log
로그인
noungheeya.log
로그인
pointot - 상세기능
noungheeya
·
2022년 10월 20일
팔로우
0
0
project
목록 보기
2/10
상세기능
여행일정 등록
여행주제, 지역, 일정 시작일, 마지막일을 필수로 작성하여 등록한다.
일정 시작일, 마지막일을 등록할때 달력 아이콘을 클릭하면 달력 ui가 나타난다.
빈 입력란이 있는 상태에서 등록버튼을 클릭시 "아직 입력하지 않은 값이 있습니다!"라는 메세지가 나타난다.
여행일정 선택
여행일정 선택 버튼을 클릭시 저장된 여행일정 리스트들을 선택할 수 있는 모달창이 나타난다.
원하는 항목을 선택하면 시작일 기준으로 dDay가 메인페이지에 렌더링 되며 nav tab이 활성화 된다.
여행일정 수정 및 삭제
여행일정 수정 및 삭제는 일정관리 탭에서 변경 및 삭제할 수 있다.
예약한 숙소가 있을 경우는 일정을 변경 및 삭제할 수 없으며, 예약을 먼저 취소한 뒤 할 수 있다.
숙소예약하기
등록한 지역을 기준으로 예약리스트들이 예약가능 숙소탭에 렌더링 된다.
각 항목 상세보기 링크로 상세페이지로 이동가능하다.
저장한 시작일과 마지막일 사이에서 날짜 선택 가능하며 예약 후 메인페이지로 이동한다.
예약 취소하기
일정 관리탭에서 취소 버튼으로 취소할 수 있다.
핀리스트 저장 및 취소하기
숙소 상세페이지내에서와 예약가능 숙소탭에서 각 항목에 있는 핀아이콘으로 저장 및
저장 성공하면 오렌지색 아이콘으로 변하고 취소하면 흰색 아이콘으로 변한다.
핀리스트 메모하기
숙소 상페페이지 내에서 핀리스트를 저장할때는 memo를 입력한뒤 핀리스트에 저장된다.
예약가능탭에서 핀리스트를 저장할때는 생략된다.(상세페이지 내에는 숙소 정보가 자세하게 나오는 영역이기때문에 핀리스트에 저장하려는 이유를 파악할 수 있기때문)
메모를 확인하거나 변경할때는 핀리스트탭에서 할 수 있다.
숙소 근처 여행지 기록 및 추천하기
여행지 추천탭에서 해당 숙소 기록하기 클릭시 추천등록 페이지로 이동한다.
타입, 여행지명, 이미지, 페이지 링크, 내용입력을한 뒤 저장하면 저장된 리스트들을 여행지 추천탭에서 확인 가능하다
만약 30일내에 등록하지 않는다면 저장한 여행일정이 자동으로 사라진다.
dDay(마지막일 기준)
dDay >= 0(일정이 안지남)
일정관리
예약한 리스트가 있으면 리스트들이 렌더링 된다.
예약한 리스트가 없으면 "아직 예약한 리스트가 없습니다."라는 메세지가 렌더링 된다.
예약가능 숙소
예약가능 숙소 리스트가 렌더링 된다.
찜리스트
저장한 찜리스트가 있으면 렌더링 된다.
저장한 찜리스가 없으면 "아직 저장한 리스트가 없습니다!"라는 메세지가 렌더링 된다.
여행지 추천
"아직 다녀온 숙소가 없습니다"라는 메세지가 렌더링 된다.
dDay < 0(일정이 지남)
일정관리
일정변경 및 삭제 버튼이 사라진다.
"여행 일정이 끝났습니다"라는 메세지가 렌더링 된다.
예약가능 숙소
"여행 일정이 끝났습니다"라는 메세지가 렌더링 된다.
찜리스트
"여행 일정이 끝났습니다"라는 메세지가 렌더링 된다.
여행지 추천
다녀간 숙소 리스트와 기록하기 버튼이 있는 ui가 렌더링 된다.
noungheeya
귀여븐 엥팁이지롱😊
팔로우
이전 포스트
project기획
다음 포스트
json-server
0개의 댓글
댓글 작성