---
# System prepended metadata

title: 5/30 2주차 월요일

---

# 5/30 2주차 월요일

이번 주

### 캘린더 모달: 파크
- 날짜를 처음 클릭하면 체크인 필드에 해당 일자가 입력
- 다음 날짜를 클릭하면 체크아웃 필드에 해당 일자가 입력
    - 다음 날짜가 처음 클릭한 날짜보다 이전인 경우 체크인-날짜가 두 번째 클릭 날짜로 변경, 체크아웃은 입력되지 않음
    - 체크인 날짜보다 늦은 날짜를 클릭한 경우 체크아웃 날짜만 업데이트됨
    - 같은 날짜를 클릭하면 체크인, 체크아웃이 같은 날짜로 입력됨
    
- 체크인/체크아웃 박스의 X 를 누르면 체크인/체크아웃 필드의 입력값이 초기화됨
- 모달창(캘린더) 이외의 영역을 누르면 모달창이 닫힌다
    - 체크인/체크아웃을 눌렀을 시에는 리렌더링

### 요금 모달: 머핀

- 검색바에서 요금 영역을 클릭하면 선택한 날짜를 기준으로 가격 범위를 표시한 모달창이 뜬다
- 레인지 슬라이더를 이용해 가격을 설정할 수 있다
    - 가격범위 텍스트가 실시간으로 변경된다.
    - 슬라이더는 양끝에 있고 가격정보에는 최저-최고 값으로 표시된다.
    - 슬라이더는 서로 지나쳐 이동할수 없고 서로 완벽히 겹칠수 없다

- 값이 입력되면 X 버튼이 활성화 되고, X 버튼을 누르면 슬라이더의 값이 초기화 된다.
- 모달창 이외의 영역을 누르면 모달창이 닫힌다.


- 인원은 먼저 한사람이 시작

- 월요일
    - 깃 이슈 관련 재정리 (main, sub label 사용)
    - PR 리뷰 반영
    - 리팩토링
    - 각자 맡은 부분 이슈 정리 & 시작

- 수요일 까지
    - 캘린더, 요금, 인원 모달 작업

- 금요일 까지
    - 캘린더, 요금, 인원 데이터 바탕으로 검색 결과 페이지 레이아웃 잡기
        - 오픈API (지도)
    - 데이터가 만약에 있으면 지도위에 띄우기까지

다음 주

