> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/design/editor/contents/text.md).

# 텍스트

텍스트 요소의 각 설정에 대해 알아봅니다.

## 텍스트 블록이란?

텍스트 블록은 텍스트를 입력하기 위해 사용이 됩니다.

속성 패널을 통해 지정 글꼴 설정을 미리 해둘 수 있으며, 상세 설정을 통해 요소의 개별 설정을 할 수 있습니다.

## 텍스트 입력하기

텍스트 블록을 사용하는 방법은 AI를 활용하여 생성 된 내용를 바탕으로 수정하여 사용 할 수 있으며, 직접 문구를 작성하여 사용을 할 수 있습니다.

### 1. AI 활용하기

텍스트 블록의 AI기능을 활용하여 내용을 생성할 수 있습니다.\
텍스트로 만들고 싶은 내용, 키워드 등을 입력하여 텍스트를 생성할 수 있습니다.

{% hint style="warning" %}
AI를 통해 텍스트 생성 시 아래 내용을 주의해주세요

* 생성 된 텍스트의 크기 및 설정은 추가한 블록의 서식을 따라갑니다.
* 텍스트 생성 시 2크레딧이 차감이 되며, 차감된 크레딧은 복구가 불가합니다. \
  크레딧 적립 및 구매 방법은 \[[마이베네핏](/customer_support/qshop/get_started/benefit.md)] 가이드를 참고해주세요.
  {% endhint %}

생성 방법은 아래 내용을 참고 부탁드립니다.

1-1. 텍스트 블록을 추가합니다.

1-2. 퀵 메뉴의 AI로 생성하기 버튼을 클릭합니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FPyN4K3HAb2ACIWGo8dFk%2F1_AI%20%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0_%ED%80%B5%EB%A9%94%EB%89%B4.png?alt=media&amp;token=eca95d9e-b760-49e6-8f2e-bb2fb74bf72a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
텍스트 생성에는 1회당 2크레딧이 사용됩니다.
{% endhint %}

1-3. 텍스트로 만들고 싶은 내용, 키워드를 입력한 후 **\[텍스트 생성하기]** 버튼을 클릭합니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FHbNmr0CIFPm9shWRYiK6%2F2_AI%20%ED%85%8D%EC%8A%A4%ED%8A%B8%20%EC%83%9D%EC%84%B1.png?alt=media&amp;token=09cc200a-d01b-4aff-a31c-16008affb240" alt=""><figcaption></figcaption></figure>

1-4. 생성 된 텍스트의 내용을 확인한 후 **\[다시 생성하기]** 버튼을 클릭하여, 텍스트를 다시 생성하거나, **\[텍스트 적용하기]** 버튼을 클릭하여 내용을 적용합니다.

{% hint style="warning" %}
**\[다시 생성하기]** 클릭 시 2크레딧이 차감되며, 기존 생성 된 텍스트는 저장 되지않습니다.
{% endhint %}

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F9TTOmUNqmbXSfmnfrvkb%2F3_AI%20%ED%85%8D%EC%8A%A4%ED%8A%B8%20%EC%A0%81%EC%9A%A9_%EB%8B%B9%EC%B2%A8.png?alt=media&amp;token=ee9baff4-6bca-4e99-af6a-704f37aecdde" alt=""><figcaption></figcaption></figure>

1-5. 아래 **\[텍스트 에디터 사용하기]** 를 참고하여 생성 된 텍스트 내용을 바탕으로 수정을 합니다.

### 2. 텍스트 에디터 사용하기

텍스트 블록을 사용하여, 직접 내용을 기재하고 텍스트 에디터를 통해 서식 변경을 할 수 있습니다.

2-1. 사용하려는 블록을 추가합니다.

2-2. 퀵 메뉴의 **\[상세설정]**&#xC744; 클릭합니다.

{% hint style="info" %}
블록을 더블 클릭하여 상세 설정창을 열 수 있습니다.
{% endhint %}

2-3. 아래 상세 설정을 참고하여, 설정을 변경합니다.

### 텍스트 요소\_설정 항목

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FjDyR2ACTAoVCim3PEWqD%2F%ED%85%8D%EC%8A%A4%ED%8A%B8_%ED%88%B4%EB%B0%94.png?alt=media&amp;token=e57457e0-0dd7-4246-858a-b99829dc5c15" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="218">항목</th><th>설명</th></tr></thead><tbody><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FsGb5a4d3UYD60ZsnbWx8%2F1_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EC%84%9C%EC%B2%B4.png?alt=media&amp;token=f5684923-62da-4c78-9b76-c80c3c734692" alt=""></td><td><strong>서체</strong><br>텍스트의 글꼴을 선택합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FlVkcD3blfCXsL3aRJkTV%2F2_%ED%85%8D%EC%8A%A4%ED%8A%B8_%ED%81%AC%EA%B8%B0.png?alt=media&amp;token=23e74ee2-8805-4c29-bf04-d5f1be0196f1" alt=""></td><td><strong>크기</strong><br>텍스트의 크기를 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2Fqe8EfiEAqKEqEi7bkIUS%2F3_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EB%91%90%EA%BB%98.png?alt=media&amp;token=00673f09-d01f-493d-a7dd-c3501ff43130" alt=""></td><td><strong>두께</strong><br>텍스트의 두께를 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FtqkJJUYgkHs4UnVC2fsW%2F4_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EC%9E%90%EA%B0%84.png?alt=media&amp;token=6f97d444-3639-4a06-8f58-d26eda80848e" alt=""></td><td><strong>자간</strong><br>텍스트의 자간을 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FaB4ZwhkqjollrTxEXh2k%2F5_%ED%85%8D%EC%8A%A4%ED%8A%B8_%ED%96%89%EA%B0%84.png?alt=media&amp;token=dd11e807-1823-4453-88ce-9b636ecda003" alt=""></td><td><strong>행간</strong><br>텍스트의 행간을 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FSeFfWNoUTN2RRV5Hxqh2%2F6_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EC%A7%80%EC%A0%95%EA%B8%80%EA%BC%B4.png?alt=media&amp;token=d41c6f50-3c6f-48c3-b007-379e11334f5c" alt=""></td><td><strong>지정글꼴</strong><br>미리 지정해둔 글꼴을 선택합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FmXhouQGrHCG7qgtj6Rdh%2F7_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EC%A7%80%EC%A0%95%EA%B8%80%EA%BC%B4.png?alt=media&amp;token=4d00d968-51b3-425c-89ab-6bd3af4ae152" alt=""></td><td><strong>글자색상</strong><br>텍스트의 글자색상을 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FarodGv9wSuhafYWPKRqA%2F8_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EB%B0%B0%EA%B2%BD%EC%83%89%EC%83%81.png?alt=media&amp;token=e224e4a6-6ab9-4998-afe8-896a0929e31b" alt=""></td><td><strong>배경색상</strong><br>텍스트의 배경색상을 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FQdKNbfaDs7szKxd8kWmK%2F9_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EB%A7%81%ED%81%AC%EC%82%BD%EC%9E%85.png?alt=media&amp;token=8755d625-6d5c-480f-8c80-87465f7db814" alt=""></td><td><strong>링크삽입</strong><br>텍스트에 링크를 삽입합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2Fqf5GTUyoIMmarQzlHLw4%2F10_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EA%B8%B0%EC%9A%B8%EC%9E%84%EA%BC%B4.png?alt=media&amp;token=abeff337-da5d-4e23-80c0-fe05acbc4e7a" alt=""></td><td><strong>기울임꼴</strong><br>텍스트의 기울임꼴을 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FIK81qICgUG7Vylk8ww96%2F11_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EB%B0%91%EC%A4%84.png?alt=media&amp;token=403c3f37-b315-4a40-b3fe-7ad8059380c1" alt=""></td><td><strong>밑줄</strong><br>텍스트에 밑줄을 긋습니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FHrNhGlTha8QCV1199LTq%2F12_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EC%B7%A8%EC%86%8C%EC%84%A0.png?alt=media&amp;token=3becafb2-1fef-49ab-9717-b1be7790846d" alt=""></td><td><strong>취소선</strong><br>텍스트에 취소선을 긋습니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FbvtIo0oMUlo30f9lvvoT%2F13_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EC%88%98%ED%8F%89%EC%A0%95%EB%A0%AC.png?alt=media&amp;token=38730ea9-0470-4a9a-b901-a7ff9d77e512" alt=""></td><td><strong>수평정렬</strong><br>텍스트를 왼쪽, 가운데, 오른쪽으로 정렬을 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FCm5Q0N7uRtN51S1qgkzy%2F14_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EC%88%98%EC%A7%81%EC%A0%95%EB%A0%AC.png?alt=media&amp;token=b1fda8a1-8607-46b6-8037-5ddbd7cc6fb8" alt=""></td><td><strong>수직정렬</strong><br>텍스트를 위, 중앙, 아래로 정렬을 변경합니다.</td></tr><tr><td><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FlgYDCUyjo1SNGJxnLqZV%2F15_%ED%85%8D%EC%8A%A4%ED%8A%B8_%EC%84%9C%EC%8B%9D%EC%A0%9C%EA%B1%B0.png?alt=media&amp;token=1601c809-2963-45b0-8207-39ea6fb783ef" alt=""></td><td><strong>서식제거</strong><br>텍스트에 적용이 되어있는 서식을 제거하고, 기본 설정으로 돌아갑니다.</td></tr></tbody></table>
