# SNS 공유하기

### 🎒시작 전에..

* 앞에서 본 것처럼 Button(버튼)을 화면에 추가하고, Logic 창에서 Condition과 Result를 하나씩 만들어주세요.
* Condition에서 “클릭 시”를 선택해주세요.

### 💬 카카오톡으로 공유하려면

* Result에서 “카카오톡 공유”를 선택해주세요.
  * API Key와 제목, 내용, 이미지를 설정할 수 있는 란이 떠요!
* 카카오톡에서 공유했을 때 나오게 할 **제목, 내용, 이미지는 반드시 넣어주세요!**
* **서브도메인 또는 커스텀도메인**을 적용하신 경우에는 **반드시 카카오 API Key 를 발급하고 화이트리스트에 URL을 넣어주세요!**
  * 서브도메인 : <https://test.waveon.io> 와 같이 앞부분에 텍스트가 추가된 URL
  * 커스텀도메인 : <https://www.wavetoon.io> 와 같이 개인적으로 사용 하시는 도메인
* **카카오톡을 통해 특정 URL을 공유**시 화이트리스트에 URL 을 넣어야 합니다. ( 하단 💡API Key 발급 및 서브도메인, 커스텀도메인 적용 방법 의 4번 수행 )
* 서브도메인, 커스텀도메인을 쓰시더라도 기본 URL을 사용하시면 따로 API Key 를 설정하실 필요 없습니다.
  * 기본URL : <https://www.waveon.io/apps/숫자> 와 같은 형태의 URL

<details>

<summary>❓API Key가 무엇인가요?</summary>

* 기본적으로 웨이브온의 API Key가 입력되어 있어요.
* 각자 보유하고 있는 Key로 변경할 수 있어요.
* [https://developers.kakao.com](https://developers.kakao.com/) 에서 발급 받을수 있어요

#### 💡API Key 발급 및 서브도메인, 커스텀도메인 적용 방법

1. [https://developers.kakao.com](https://developers.kakao.com/) 에 접속 하셔서 상단의 **\[내 애플리케이션]** 을 클릭해 주세요.
2. 애플리케이션이 없다면 **\[애플리케이션 추가하기]** 를 통해 신규 애플리케이션을 생성해 주세요
3. **\[내 애플리케이션 > 앱 설정 > 플랫폼]** 으로 이동하셔서 가장 하단 **\[Web]** 섹션으로 이동해 주세요.&#x20;

   <figure><img src="https://static.waveon.io/img/guide/kakao-api-key-1.png" alt=""><figcaption></figcaption></figure>
4. **\[Web플랫폼 등록] 또는 \[수정]** 을 눌러 사이트 도메인에 **서브도메인** 또는 **커스텀 도메인**을 입력해 주세요. (커스텀 도메인 또는 서브도메인을 사용 하시는 경우, 또는 특정 URL 을 공유 하시는 경우)<br>

   <figure><img src="https://static.waveon.io/img/guide/kakao-api-key-2.png" alt=""><figcaption></figcaption></figure>
5. **\[내 애플리케이션 > 앱 설정 > 요약정보]** 로 이동하셔서 **\[앱 키]** 에서 **JavaScript 키**를 복사해 주세요!&#x20;

   <figure><img src="https://static.waveon.io/img/guide/kakao-api-key-3.png" alt=""><figcaption></figcaption></figure>
6. **웨이브온 사이트**로 이동해 주세요
7. 만드신 앱에서 카카오톡 공유를 적용하실 버튼을 클릭하고 우측의 **\[로직]** 패널에서 Result의 \[카카오톡 공유] 의 **API Key** 부분에 복사한 키를 입력해 주세요.&#x20;

   <figure><img src="https://static.waveon.io/img/guide/kakao-api-key-4.png" alt=""><figcaption></figcaption></figure>
8. (필요시) [https://developers.kakao.com](https://developers.kakao.com/) 에서 썸네일, 앱 이름 등을 변경해 주세요. 변경한 내용은 카카오톡 공유하기 시에 설정하신 대로 표기 됩니다.

</details>

### 📔페이스북으로 공유하려면

* Result에서 “페이스북 공유”를 선택해주세요.
* URL과 제목, 내용, 인용구를 설정할 수 있는 란이 떠요!
  * URL을 비워두시면 현재 페이지가 공유돼요.
  * 현재 페이지가 아닌 다른 페이지를 공유하게 하고 싶으면 따로 설정해주세요.

### 🐦트위터로 공유하려면

* Result에서 "트위터 공유”를 선택해주세요.
* URL과 내용, 해시태그를 설정할 수 있는 란이 떠요!
  * URL을 비워두시면 현재 페이지가 공유돼요.
  * 현재 페이지가 아닌 다른 페이지를 공유하게 하고 싶으면 따로 설정해주세요.
  * 해시태그는 #를 붙이지 말고 콤마(,) 를 넣어주세요. 예를들어 #태그1, #태그2 와 같이 트위터에 공유하고 싶다면 Hashtags 에 아래와 같이 넣어주세요.태그1,태그2

### ✏️현재 URL을 복사하게 하려면

* Result에서 “현재 URL 복사”를 선택해주세요.
  * Condition이 만족되면 현재 URL이 복사돼요!


---

# 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://docs.waveon.io/landing/sns.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.