[FEAT-FE] 여행 일정 작성하기 페이지 추가

[yanggwangseong]

💡 이슈 제목

• 여행 일정 작성하기 페이지 추가
• 여행 일정과 시간(시작시간, 종료시간)을 설정 한 후에 관광을 설정 할 때 머무르는 시간 설정
• 시간을 설정 할 때 예를 들어 1일차는 시작 시간과 종료시간의 총 시간이 6시간이면 머무르는 시간을 총시간에서 차감하는 형식으로 직관적으로 보일 수 있게 설정.
• 그래서 총시간을 초과 하게 설정하면 validation 해준다.
• 관광마다 머무르는 시간은 다 00:00으로 설정되고, 관광 아이템을 추가 할 때 마다 총시간/관광 아이템으로 자동으로 머무르는 시간을 부여.
• 만약 사용자가 머무르는시간을 수정 한다면, 마지막 관광 아이템은 자동으로 남은 시간을 부여한다.

1. 그룹을 선택.
2. react-datepicker를 이용한 여행 기간 설정.
3. 여행 기간 설정 후 디테일한 시작시간과 종료시간을 설정.
4. 다음 클릭
5. 설정한 여행 기간 만큼 날짜마다 1일차, 2일차, 3일차에 관광을 선택해서 담고,
6. 머무르는시간 설정

• 관광타입 선택 모달
• 서비스 분류 선택 모달
• 지역 선택 모달
• 키워드 검색 창
• 예를들어 여행 기간이 1일차 ~ 4일차가 있으면, 오른쪽 사이드바로 만든다음에
• 모바일 상태이면 오른쪽 사이드바 toggle로 열었다 펼쳤다 할 수 있게 만들고
• 모바일 상태일때 1일차 ~4일차를 제일 하단에 관광 아이템 추가 할때마다 추가 되게 만들기

  ✨ 이슈 설명

• [x] 여행일정 페이지 생성
• [x] 여행일정 작성 페이지 생성
• [x] 여행 일정을 작성 할 그룹 선택
• [x] 여행 기간 설정 추가
• [x] 여행 기간 마다 시작시간과 종료시간 설정 추가
• [x] 지역코드 조회 api를 이용하여 지역 대분류 layer-modal 만들기
• [x] 지역코드 조회 api를 이용하여 지역 대분류 코드 areacode를 이용하여 지역 중분류 layer-modal 만들기
• [x] 지역코드 조회 api를 이용하여 지역 선택 기능 추가
• [x] 서비스 분류 코드 조회 api를 이용하여 대분류 layer-modal 만들기
• [x] 서비스 분류 코드 조회 api를 이용하여 대분류 코드를 이용하여 중분류 layer-modal 만들기
• [x] 서비스 분류 코드 조회 api를 이용하여 대분류+중분류 코드를 이용하여 소분류 만들기
• [x] 서비스 분류 선택 기능 추가
• [x] 지역별 관광 정보 조회 리스트 api 정렬옵션 추가
• [x] 관광타입 layer-modal 만들기
• [x] 지역별 관광 정보 조회 리스트를 가져오기.
• [x] 여행 일자별로 관광 아이템을 담을 수 있는 오른쪽 사이드 네비게이션 생성
• [x] 여행 일자별 오른쪽 사이드바에서 일자별 구분을 위한 커스텀 select 추가
• [x] 관광정보 keyword 검색 페이지 생성

Reference

• https://www.npmjs.com/package/react-datepicker

🎯 이슈 생성 후 확인 내용

• [x] 이슈 제목 확인
• [x] Assignees 설정
• [x] Labels 설정
• [x] Projects 설정