> For the complete documentation index, see [llms.txt](https://help.sixshop.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sixshop.com/learn-sixshop/store-design/develop/calender.md).

# 외부 캘린더 기능(구글, 네이버) 활용하기

사용자 편집 섹션, 블로그 섹션, 게시판 등을 활용해 외부 캘린더를 손쉽게 추가해 보세요.

식스샵은 자체 달력 기능을 제공하지 않지만, 섹션이나 게시판에 **네이버 캘린더** 또는 **구글 캘린더**를 연동하여 활용할 수 있습니다.\
안내된 절차를 따라 캘린더를 연결하고, 일정 공유와 관리 기능을 편리하게 이용해 보세요.

## 1. 캘린더 선택하기

### 구글 캘린더

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FB1BVJu2dovT3Rar4tezJ%2F%EA%B5%AC%EA%B8%80%20%EC%BA%98%EB%A6%B0%EB%8D%94%20%EC%84%A4%EC%A0%95.png?alt=media&amp;token=9eeef4f5-a097-4427-bb89-aceb3a6d50d3" alt=""><figcaption></figcaption></figure>

구글 캘린더는 기본으로 생성되어 있는 캘린더로 사용이 가능합니다.\
**\[설정 > 내 캘린더의 설정]**&#xC5D0;서 캘린더 통합 메뉴에 **삽입 코드 부분의 iframe 코드를 발급**받아 이용할 수 있습니다.

{% hint style="danger" %}
**액세스 권한을 공개로 설정**하지 않으면 모바일에서 캘린더 노출이 불가하니 꼭 변경 후 이용해 주세요.
{% endhint %}

### 네이버 캘린더

{% hint style="danger" %}
현재 네이버의 정책이 변경됨에 따라 사용자의 개인정보를 보호하고 보안 공격을 방지하기 위한 안전장치로PC에서는 정상 노출되나, 모바일에서 노출이 차단되어 보이지 않는 점 참고 부탁드립니다.
{% endhint %}

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2Fi4WncgGbxeh9LCGMLL2Y%2F%EB%84%A4%EC%9D%B4%EB%B2%84.png?alt=media&amp;token=c4e0ca3c-16d3-487a-8b3b-174f8581cb89" alt=""><figcaption></figcaption></figure>

네이버 캘린더는 \[기본]으로 생성된 캘린더는 공유 기능을 지원하지 않아 코드 발급이 불가하고,\
별도의 **공유용 캘린더를 새로 생성**한 후 공유 설정을 통해 코드를 발급이 가능합니다.

## 2. 노출 방식 미리 보기

{% hint style="success" %}
섹션과 게시판은 제공되는 경로가 다르므로 이미지를 확인 후 **코드를 노출할 위치**를 선택하세요.
{% endhint %}

### 예시 이미지

* **사용자 편집 섹션을 사용**하여 사이트에 노출한 캘린더
  * 가장 간편하게 코드만으로 섹션에서 캘린더를 노출할 수 있어요.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FrT5x8itcgnVOcaM89L0f%2F%EC%82%AC%EC%9A%A9%EC%9E%90%20%ED%8E%B8%EC%A7%91%20%EC%84%B9%EC%85%98%20(1).png?alt=media&amp;token=7e23b532-54d9-4c29-a841-4a8fa5406884" alt=""><figcaption></figcaption></figure>

* **블로그 섹션을 사용**하여 사이트에 노출한 캘린더
  * 게시판 형태로 블로그 메뉴에서 등록하기에 제목을 노출할 수 있어요.
  * 좋아요 버튼이 노출되어 사이트에 가입한 회원은 클릭할 수 있어요.
  * 회원과 비회원 모두 댓글을 작성할 수 있어요

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FVrxsgE2UBjIi8sj5v0p4%2F%EB%B8%94%EB%A1%9C%EA%B7%B8%20%EC%84%B9%EC%85%98%20(1).png?alt=media&amp;token=794bc5e3-da17-409a-910d-11f8a138e01c" alt=""><figcaption></figcaption></figure>

* **게시판을 사용**하여 사이트에 노출한 캘린더
  * 게시글 등록 일자와 시간이 노출되며, 글을 몇 명이나 확인했는지 파악할 수 있어요.
  * 회원과 비회원 모두 댓글을 작성할 수 있어요.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2Fzy196W0UrgtFdAlPoDLj%2F%EA%B2%8C%EC%8B%9C%ED%8C%90%20(1).png?alt=media&amp;token=b21a0075-14f4-4967-a249-f810d738a745" alt=""><figcaption></figcaption></figure>

## 3. 설정 경로 확인하기

### 사용자 편집 섹션

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FNoO3kk9p8tNTiKAnHgIW%2F%EC%84%B9%EC%85%98%20%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0.png?alt=media&amp;token=5c6b0682-4b93-417b-878d-0d21fe75f5f3" alt=""><figcaption></figcaption></figure>

1. **사용자 편집 섹션 추가하기**

* \[식스샵 로그인 > 디자인 편집 > 왼쪽 하단 + 섹션 추가하기 > 사용자 편집 섹션]을 선택해 주세요.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2F0HN8fzmG7aaR8SeIC05j%2F%EC%9A%94%EC%86%8C%20%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0.png?alt=media&amp;token=234d0dc6-b3e6-4b0e-b2d8-f65bdf8158bc" alt=""><figcaption></figcaption></figure>

2. **제목글 요소 추가하기**

* 추가된 섹션이 선택된 상태에서 \[왼쪽 하단 + 요소 추가하기 > 제목글]을 선택합니다.
* 제목글의 **개별 편집하기** 버튼을 클릭해 주세요.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FnAQ85X5vihPUBOK1LaNU%2F%EC%A0%9C%EB%AA%A9%EA%B8%80%20%EC%9A%94%EC%86%8C.png?alt=media&amp;token=0bf17da0-5cf2-46da-b40f-c7b78c75d463" alt=""><figcaption></figcaption></figure>

3. **제목글 요소에 캘린더 추가하기**
   * 제목글에 표시된 **‘더블 클릭하여 편집하세요.’** 문구의 가장 왼쪽에 커서를 두어 주세요.
   * 왼쪽 하단 편집창에서 글꼴 크기를 **12px**로 변경합니다.
   * 제목글 입력창에서 아래 순서대로 진행해 주세요.
     * **경로**
       1. 커서를 문구 왼쪽에 두고 **스페이스바 한 번 입력**
       2. 가장 왼쪽에 커서가 있는 상태에서 **캘린더 코드 붙여넣기**
       3. 기본 문구만(‘더블 클릭하여 편집하세요.’) 삭제
   * **사이트에 반영하기**
     * 작업을 마친 후 **발행하기**를 클릭하면, 코드가 사이트에 적용되어 노출됩니다.

### 블로그 섹션

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2Fp8JvugulRpxWUFPOD9mK%2F%EB%B8%94%EB%A1%9C%EA%B7%B8%20%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC%20%EC%B6%94%EA%B0%80.png?alt=media&amp;token=aff9903d-b637-4a00-abeb-ecbb885deb18" alt=""><figcaption></figcaption></figure>

1. **블로그 카테고리 만들기**
   * \[식스샵 > 블로그 > 관리] 메뉴에서 오른쪽 상단의 **카테고리 추가하기** 버튼을 눌러 이름을 입력해 주세요.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FVvh2UOPGEE6EF8z56ewG%2F%EB%B8%94%EB%A1%9C%EA%B7%B8%20%EC%83%88%20%EA%B8%80%20%EC%93%B0%EA%B8%B0%20(1).png?alt=media&amp;token=e20c8b5f-7df6-45a3-9a9e-b9d3ebdf9022" alt=""><figcaption></figcaption></figure>

2. **블로그 글 작성하기**
   * 방금 만든 카테고리를 선택한 뒤, 오른쪽 상단의 **새 글 쓰기** 버튼을 클릭합니다.
   * 왼쪽 패널에 제목 입력 후 **상세 설명 영역 상단의 ‘소스’ 버튼**을 눌러 코드를 붙여넣고 저장해 주세요.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2F7G65QpKmdyd9l6D6Urfc%2F%EB%B8%94%EB%A1%9C%EA%B7%B8%20%EC%BA%98%EB%A6%B0%EB%8D%94%20%EB%85%B8%EC%B6%9C%20(1).png?alt=media&amp;token=0a0e9595-0667-4005-ae79-b3c2a42bd5de" alt=""><figcaption></figcaption></figure>

3. **블로그 섹션 추가하기**
   * \[식스샵 로그인 > 디자인 편집 > 왼쪽 하단 + 섹션 추가하기 > 블록그 섹션]을 선택해 주세요.
   * 추가된 블로그 섹션을 더블 클릭(**개별 편집**)한 뒤, 왼쪽 패널에서 노출할 카테고리를 선택합니다.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2F83GGHsVCzXJxqOhstyDL%2F%EB%B8%94%EB%A1%9C%EA%B7%B8%20%EC%BA%98%EB%A6%B0%EB%8D%94%20%EB%94%94%EC%9E%90%EC%9D%B8%20%EC%84%A4%EC%A0%95%20(2).png?alt=media&amp;token=f24132a5-11dd-44da-b528-044a7e5adf60" alt=""><figcaption></figcaption></figure>

4. **디자인 설정하기**
   * 블로그 섹션의 **디자인 탭**에서 아래와 같이 설정해 주세요.
     * 종류: **나열**
     * 페이지당 글 개수: **1개**

5. **사이트에 반영하기**

* 작업을 마친 후 **발행하기**를 클릭하면, 블로그 섹션이 사이트에 적용되어 캘린더가 노출됩니다.

### 게시판(공지사항)

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FQan7OTfTDIWCNabeYd7c%2F%EA%B2%8C%EC%8B%9C%ED%8C%90%20%EC%83%9D%EC%84%B1.png?alt=media&amp;token=6ed1e3ea-d08e-4723-bfee-851e8819dc6f" alt=""><figcaption></figcaption></figure>

1. **게시판 카테고리 추가하기**
   * \[식스샵 > 게시판 > 관리] 메뉴에서 오른쪽 상단의 **게시판 추가하기** 버튼을 눌러 새 게시판을 생성해 주세요.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FULrvcFW6jtURQXCTx9ZD%2F%EA%B2%8C%EC%8B%9C%EA%B8%80%20%EC%83%9D%EC%84%B1%20(1).png?alt=media&amp;token=ffd89d89-afee-4d6c-84ba-cd4b95d944d7" alt=""><figcaption></figcaption></figure>

2. **게시판 글 작성하기**
   * 생성한 게시판을 선택한 뒤, 오른쪽 상단의 **새 글 쓰기** 버튼을 클릭합니다.
   * 왼쪽 패널에 제목 입력 후 **상세 설명 영역 상단의 ‘소스’ 버튼**을 눌러 코드를 붙여넣고 저장해 주세요.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FLbmisZtKOEm8uEFsW7jU%2F%EA%B2%8C%EC%8B%9C%ED%8C%90%20%EC%84%A4%EC%A0%95.png?alt=media&amp;token=e4613af0-dce2-4d8b-9d3b-0ac0380aaf7d" alt=""><figcaption></figcaption></figure>

3. **게시판 설정 수정하기**
   * \[식스샵 > 디자인 편집 > 왼쪽 하단 메뉴(≡)]에서 생성된 게시판명을 클릭합니다.
   * 게시판 섹션의 **개별 편집하기** 버튼을 눌러, 원하는 **종류와 표지**를 자유롭게 설정할 수 있습니다.

4. **사이트에 반영하기**

* 작업을 마친 후 **발행하기**를 클릭하면, 게시판이 상단의 메뉴에 적용되어 노출됩니다.
