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

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

## 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. **사이트에 반영하기**

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sixshop.com/learn-sixshop/store-design/develop/calender.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.