> For the complete documentation index, see [llms.txt](https://matetech.gitbook.io/mate/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://matetech.gitbook.io/mate/um/did/set-up/screen/layout.md).

# 화면 레이아웃 설정

✓ 8개의 레이아웃 이미지 중 원하는 화면으로 레이아웃을 설정하는 방법이에요.

{% tabs %}
{% tab title="화면 타입" %}

<figure><img src="https://1900399179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBz8zU7zeBlBSMoZCXev1%2Fuploads%2FmAcsEL9o2kzUjsomW8hF%2Fimage.png?alt=media&amp;token=e743cf4e-ec2e-461e-b7e1-8d2975bf36b2" alt=""><figcaption><p><strong>픽업 번호만 노출시켜 직관적인 레이아웃</strong>을 설정하거나,<br><strong>원하는 이미지로 매장 광고</strong>를 함께 노출시켜 보세요!</p></figcaption></figure>
{% endtab %}
{% endtabs %}

<details>

<summary><a href="https://www.matetech.co.kr/login?utm_source=ss&#x26;utm_medium=gb&#x26;utm_campaign=gb_login"><mark style="color:blue;"><strong>사장님사이트 바로가기 클릭</strong></mark></a><span data-gb-custom-inline data-tag="emoji" data-code="1f5b1">🖱️</span><br><br>💡 MATE POS 홈 화면 아래 <mark style="color:blue;"><strong>사장님 사이트</strong></mark> 버튼을 누르면 자동 로그인 상태로 빠르게 접속 가능해요! <br><img src="https://1900399179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBz8zU7zeBlBSMoZCXev1%2Fuploads%2FvWtocZ0no9PnovFKxe9M%2Fimage.png?alt=media&amp;token=3ed1bc78-224d-4778-ac1c-850dbf383d83" alt=""><br><br></summary>

<img src="broken://files/ryWCx4tIIuqWA7vbCxmd" alt="" data-size="original">

</details>

1. **내점오더운영관리** → <mark style="color:blue;">**DID 운영설정**</mark> **→ 검색**을  클릭합니다.

<figure><img src="https://1900399179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBz8zU7zeBlBSMoZCXev1%2Fuploads%2FfDwfDNML8VGBKCNtfEHB%2Fimage.png?alt=media&amp;token=9b821a4d-f9d9-4ca9-8c55-a1ba57c6a81b" alt=""><figcaption></figcaption></figure>

2. <mark style="color:blue;">**화면선택 항목**</mark>**에서 원하는 화면의 타입을 선택**합니다.

<figure><img src="https://1900399179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBz8zU7zeBlBSMoZCXev1%2Fuploads%2FpOeepwQKzK9E7fQzTMBv%2Fimage.png?alt=media&amp;token=fcf2043f-84e0-463d-bd98-481f586867b0" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="화면 타입" %}
**⚠️️ 화면 타입의 종류는 물음표 버튼**<img src="https://1900399179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBz8zU7zeBlBSMoZCXev1%2Fuploads%2FUBpPt0gqv1AWQB8ZG7vg%2Fimage.png?alt=media&amp;token=74ec3289-c0f0-4f60-a2a9-279ef13ca04d" alt="" data-size="line">**을 클릭하면 볼 수 있어요!**<br>

<figure><img src="https://1900399179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBz8zU7zeBlBSMoZCXev1%2Fuploads%2FHutmGMF5dLSY8q1JxN0q%2Fimage.png?alt=media&amp;token=e7022fa4-eecc-41c4-9168-39209e7e17b9" alt=""><figcaption></figcaption></figure>

* **이미지 없이 픽업 번호만** 노출하고 싶다면? → <mark style="color:blue;">**A타입(세로형) / B타입(가로형)**</mark>
* **이미지와 완료 화면만** 노출하고 싶다면? → <mark style="color:blue;">**C타입, D타입(세로형) / E타입, F타입(가로형)**</mark>
* **이미지와 대기, 완료 화면 모두** 설정하고 싶다면?  → <mark style="color:blue;">**G타입 / H타입**</mark>
  {% endtab %}
  {% endtabs %}

3. **이미지가 있는 화면 타입을 선택**하셨다면, 메인 이미지 항목의 <mark style="color:blue;">**화면 찾기**</mark>를 클릭해주세요.

<figure><img src="https://1900399179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBz8zU7zeBlBSMoZCXev1%2Fuploads%2FDEsA60Kwrd4aLRdNCuy8%2Fimage.png?alt=media&amp;token=d5869e7c-e6f1-4fd0-867f-8bb28ddbc6e2" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th></th><th>기준</th><th data-hidden></th></tr></thead><tbody><tr><td>최적해상도</td><td><p>▪️ C,D 타입 : 1140*1080</p><p>▪️ E,F 타입 : 1920*626</p><p>▪️ G 타입 : 1140*875</p><p>▪️ H 타입 : 954*1080</p></td><td></td></tr><tr><td>파일 포맷</td><td>JPG, JPEG</td><td></td></tr><tr><td>파일 용량(1개 기준)</td><td>5MB 이하</td><td></td></tr><tr><td>개수 제한</td><td>5개</td><td></td></tr></tbody></table>

`▪️ 최적해상도는 DID 기기별로 상이할 수 있습니다.`

4. **메인 화면으로 설정할 이미지를 선택해 주세요.**

<figure><img src="https://1900399179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBz8zU7zeBlBSMoZCXev1%2Fuploads%2FaEPKS8hgDqauI4pB3MbO%2Fimage.png?alt=media&amp;token=623874aa-1167-4c51-8087-20c9bd69051b" alt=""><figcaption></figcaption></figure>

5. <mark style="color:blue;">**메인 이미지 전환 시간**</mark> 항목은 다수의 파일을 등록했을 때, 다음 파일로 전환되는 시간 설정을 의미해요. \
   👉 **5 초  단위로 5 \~ 30초 사이** **시간대 설**정이 가능해요.

<figure><img src="https://1900399179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBz8zU7zeBlBSMoZCXev1%2Fuploads%2Fe6VKpFRDeFDoHerehulg%2Fimage.png?alt=media&amp;token=86306a46-83dd-4d92-a007-08bb90641994" alt=""><figcaption></figcaption></figure>

6. 모든 설정 적용이 끝나면 화면 우측 상단의 **저장 버튼**을 눌러주세요.

<figure><img src="https://1900399179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBz8zU7zeBlBSMoZCXev1%2Fuploads%2FDpKuqf6IPYJpIba6OLTK%2Fimage.png?alt=media&amp;token=26cbee0c-18ba-43fa-8496-54a9e40d2a25" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
***다른 문의사항이 있으신가요?***\
메이트 고객센터로 문의해 주시면 자세히 상담 도와드리겠습니다.

### 1877-1528

* 고객센터 운영 시간 : 10:00  \~ 23:00 (365일 연중무휴)
  {% endhint %}