> For the complete documentation index, see [llms.txt](https://docs.storyhub.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.storyhub.co.kr/functions/support/calendar.md).

# 대관 캘린더

## 🚀 기능 소개

대관 신청에 따른 대관 스케줄 정보를 제공하는 캘린더입니다.\
이용자가 신청시 대관 현황을 파악할 수 있습니다.<br>

<div align="center"><img src="/files/-MgoH3pn7EbrMzQF6z-N" alt=""></div>

## 🧱 화면 구성

![](/files/-MgoHgn3ZTwOh4hzlD-u)

### 1. 카테고리

대관 장소 목록이 나타납니다.\
클릭시 특정 장소의 내용만 필터링하여 볼 수 있습니다.

### 2. 캘린더 컨트롤

캘린더의 날짜를 조정할 수 있습니다.\
오늘 버튼을 클릭하면 당월의 달력으로 바로 이동합니다.

### 3. 캘린더

카테고리에서 필터링된 그룹의 일정이 표시됩니다.\
빈 공간을 클릭하면 해당 일시의 새로운 일정을 추가할 수 있으며,\
등록된 일정을 클릭시 해당 일정에 대한 상세 정보를 확인할 수 있습니다.

### 4. 액션 영역

새로운 대관 일정을 등록할 수 있습니다.

## 🙋‍♀️ 이용 안내

### 1. 등록

![](/files/-MgoHszIrs9AUeRTUFyp)

![](/files/-MgoI-dNuPmDfwoWciEV)

우측 상단의 액션영역에 일정 등록을 클릭하거나 \
등록을 희망하는 기간을 달력에서 클릭하거나 마우스로 드래그해주세요.

![](/files/-MgoI7ddX_GxQeHjIymn)

제목, 내용을 입력하고 기간과 대관 종류를 선택해주세요.\
그룹을 선택하면 해당 색상으로 등록됩니다.

{% hint style="warning" %}
확인사항\
종일을 체크하시면 별도의 시간 설정이 불가능합니다.\
체크를 해제하신 후에 저장하고 다시 수정하면 시간 입력이 가능해집니다.
{% endhint %}

### 2. 수정 / 삭제

![](/files/-MgoIJbRqHJSy2erUdL8)

등록한 일정을 클릭하면 수정 및 삭제 아이콘이 활성화됩니다.

<div align="left"><img src="/files/-MUE6tPEZM7yMbp63DbX" alt=""></div>

![](/files/-MUE72AFRMCPPOtQZNub)

등록된 일정의 기간을 조정하는 경우 달력 내의 일정을 드래그하여 옮기거나\
일정의 끝부분을 드래그하여 기간을 조정할 수 있습니다.