# 캘린더 블럭 다루기

캘린더 블럭은 캘린더를 바탕으로 일정관리 기능을 제공하는 블럭입니다.

일반 캘린더 : 달력에 일정을 등록하고 표시해 줍니다. 일정 등록 및 수정은 관리자 페이지의 일정 관리 또는 캘린더 블럭이 추가된 실제 페이지에서 할 수 있습니다.

구글 캘린더 : 구글 캘린더와 연동하여 구글 캘린더에 등록되어 있는 일정을 표시해 줍니다. 닷홈빌더에서는 등록되어 있는 일정만 표시해 주며, 일정 등록 및 수정은 구글의 캘린더 관리 페이지에서 할 수 있습니다.

일반 캘린더 블럭 사용에 대한 자세한 내용은 아래 안내를 참고해 주시기 바랍니다.

[https://docs.dothome.co.kr/books/09/page/816b1](https://docs.dothome.co.kr/books/09/page/816b1)

캘린더 블럭의 기능, 디자인을 설정합니다.

<span style="color: #333333;">일정 추가 및 관리는 </span>**[<span style="color: #3c99f6;">일정 관리하기 &gt;</span><span style="color: #333333;"> </span>](https://docs.dothome.co.kr/books/04/page/149e9)**<span style="color: #333333;">를 참고해 주세요.</span>

[![calender_block_01.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/calender-block-01.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/calender-block-01.png)

<span style="color: rgb(22, 145, 121);">\[캘린더 블럭 추가 화면\]</span>

블럭 추가 창에서 \[캘린더\]탭을 누르면 캘린더 블럭 목록이 나옵니다.

첫번째에 있는 캘린더 블럭을 추가해 주세요.

**● 캘린더 블럭 상세 설정하기**

[![calender_block_02.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/calender-block-02.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/calender-block-02.png)

<span style="color: rgb(22, 145, 121);">\[캘린더 블럭 설정 버튼 화면\]</span>

캘린더 블럭 위에 마우스를 올리면 우측 상단에 블럭 편집 메뉴가 표시됩니다.

가운데에 있는 \[설정(톱니 바퀴 모양)\] 버튼을 클릭하여 상세 설정 창을 열어줍니다.

[![calender_block_03.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/calender-block-03.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/calender-block-03.png)

<span style="color: rgb(22, 145, 121);">\[캘린더 블럭 상세설정 화면\]</span>

캘린더 블록의 상세 설정 창은 ‘내용’, ‘디자인’, ‘레이아웃’, ‘배경’ 네 가지 탭으로 구성되어 있습니다.

각 설정 항목에 대해 알아보겠습니다.

**● 내용**

[![calender_block_04.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/calender-block-04.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/calender-block-04.png)

<span style="color: rgb(22, 145, 121);">\[캘린더 블럭 상세설정 - 내용 설정 화면\]</span>

캘린더에 대한 기본적인 항목들을 설정합니다.

<table class="table table-bordered" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EC%BA%98%EB%A6%B0%EB%8D%94-%EC%BA%98%EB%A6%B0%EB%8D%94-%EC%97%B0%EB%8F%99-%3A-%EC%97%B0" style="width: 100%;"><thead><tr><td style="width: 18.3591%;">항목</td><td style="width: 81.63%;">설명</td></tr></thead><tbody><tr><td style="width: 18.3591%;">캘린더</td><td style="width: 81.63%;">캘린더 연동 : 연동할 캘린더를 선택합니다. (연동할 캘린더가 없는 경우 새로 생성됩니다.)

제목 : 캘린더 연동 목록과 관리자페이지에 표시해 줄 캘린더 제목을 설정합니다.

</td></tr><tr><td style="width: 18.3591%;">일정 분류  
</td><td style="width: 81.63%;">일정 분류(카테고리)를 관리합니다.

분류명, 글자색, 배경색을 설정할 수 있습니다.

</td></tr><tr><td style="width: 18.3591%;">권한</td><td style="width: 81.63%;">일정 열람과 작성 권한을 설정합니다.

\*권한을 '선택 회원 그룹'으로 선택할 경우 원하는 회원 그룹을 지정할 수 있습니다.

</td></tr><tr><td style="width: 18.3591%;">표시 항목</td><td style="width: 81.63%;">캘린더에 표시해 줄 항목을 설정합니다.

일/주/월/탭 표시 : 일/주/월/탭 변경 버튼을 표시 여부를 설정합니다.

주말 표시 : 주말 구분을 표시 여부를 설정합니다.

대한민국 공휴일 표시 : 대한민국 공휴일을 표시 여부를 설정합니다.

이전/다음 버튼 표시 : 달력의 월 또는 년 이동 버튼을 표시 여부를 설정합니다.

</td></tr></tbody></table>

**● 디자인**

[![calender_block_05.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/calender-block-05.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/calender-block-05.png)

<span style="color: rgb(22, 145, 121);">\[캘린더 블럭 상세설정 - 디자인 설정 화면\]</span>

캘린더의 줄 높이, 색상 등을 설정합니다.

**● 레이아웃**

[![calender_block_06.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/calender-block-06.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/calender-block-06.png)

<span style="color: rgb(22, 145, 121);">\[캘린더 블럭 상세설정 - 레이아웃 설정 화면\]</span>

<table class="table table-bordered" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EB%84%88%EB%B9%84-%EB%B8%94%EB%9F%AD-%EC%95%88%EC%97%90-%EC%BD%98%ED%85%90%EC%B8%A0%EA%B0%80-" style="width: 100%; height: 282.301px;"><thead><tr style="height: 41.6903px;"><td style="width: 19.9351%; height: 41.6903px;">항목</td><td style="width: 80.1732%; height: 41.6903px;">설명</td></tr></thead><tbody><tr style="height: 115.54px;"><td style="width: 19.9351%; height: 115.54px;">너비</td><td style="width: 80.1732%; height: 115.54px;">블럭 안에 콘텐츠가 들어가는 영역의 기본 너비를 설정합니다.

본문 너비 : 글로벌 디자인 설정에서 적용한 본문폭 너비에 맞게 설정합니다.

채우기 : 콘텐츠 영역의 너비를 화면에 꽉 맞게 채웁니다.

</td></tr><tr style="height: 41.6903px;"><td style="width: 19.9351%; height: 41.6903px;">좌우 여백</td><td style="width: 80.1732%; height: 41.6903px;">블럭의 좌우 여백을 설정합니다.</td></tr><tr style="height: 41.6903px;"><td style="width: 19.9351%; height: 41.6903px;">상단 여백</td><td style="width: 80.1732%; height: 41.6903px;">블럭 상단의 여백을 설정합니다.</td></tr><tr style="height: 41.6903px;"><td style="width: 19.9351%; height: 41.6903px;">하단 여백</td><td style="width: 80.1732%; height: 41.6903px;">블럭 하단의 여백을 설정합니다.</td></tr></tbody></table>

**● 배경**

[![calender_block_07.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/calender-block-07.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/calender-block-07.png)

<span style="color: rgb(22, 145, 121);">\[캘린더 블럭 상세설정 - 배경 설정 화면\]</span>

블럭에 대한 배경을 설정합니다. 색 또는 이미지로 설정할 수 있습니다.