> 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="/files/kEG3NQJOYx8UzWKAvjBH" alt=""><figcaption></figcaption></figure>

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

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

### 네이버 캘린더

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

<figure><img src="/files/8yhExLXNyMFORqJwiBtA" alt=""><figcaption></figcaption></figure>

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

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

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

### 예시 이미지

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

<figure><img src="/files/VMge2s6BnIaBwNLyY9k2" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/VmzXYel0VEqeT17ntUpy" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/7OyyxaBEgTmQnkYDjFZc" alt=""><figcaption></figcaption></figure>

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

### 사용자 편집 섹션

<figure><img src="/files/dxTXJbg7OgIytvcSw8kS" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/VAfJoK54HKLRGuPceT02" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/Kl2thXNkjH8KpKzcv8H7" alt=""><figcaption></figcaption></figure>

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

### 블로그 섹션

<figure><img src="/files/zgDcZyDz3jSbSlOGtStn" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/fw3YMo1roQxTdGTKux6A" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/vLiMBW1Z0y05NlQnpNNb" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/735GroAEWJJqvbor3fV1" alt=""><figcaption></figcaption></figure>

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

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

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

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

<figure><img src="/files/4e3mOUfZtkpboFoL2Z8e" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/dt7TeLttOPRbYVFBwXOM" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/yzQVtx10r8exei6zrQte" alt=""><figcaption></figcaption></figure>

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

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

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