▲ 그림 4-6 기본 화면 구성

➍ 선택 가능 일자, ➎ 선택 불가 일자

호스트가 설정한 약속 가능한 시간대, 즉 타임슬롯이 각 일자별로 제시됩니다. 예를 들어 19시 30분 타임슬롯이 있고, 2025년 1월 10일에는 아직 아무도 이 타임슬롯에 약속을 잡지 않았다면 이 일자는 약속을 잡는 선택이 가능한 것입니다. 모든 타임슬롯이 예약된 경우라면 약속을 잡을 수 없으므로 선택 불가 일자로 표시됩니다.

선택 가능 일자를 클릭하면 달력 오른쪽에 해당 일자에 선택 가능한 타임슬롯을 나열하여 보여 줍니다. API 경로는 /timeslots/?year=<연도>&month=<month>로 하겠습니다. URL 경로가 아닌 URL 질의 문자열(QueryString)을 사용한 이유는 타임슬롯 중 연도와 월로 걸러서(filtering) 나열하는 동작이기 때문입니다.