# 슬라이드 프로토타입 응용

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C%EC%9D%91%EC%9A%A9.png)

**프로토타입: 슬라이드 UI 응용하여 사용하기**

슬라이드 스타일은 앱 화면의 오른쪽과 왼쪽에 각각의 메뉴들이 배치가 되는 스타일이에요.

**왼쪽에서만 메뉴가 열리거나 혹은 오른쪽에서만 메뉴가 열리도록 응용하여 사용할 수 있습니다.**

매뉴얼을 통해서 슬라이드 응용 사용법을 확인해주세요.

***

<mark style="color:orange;">**앱 실행화면) 슬라이드 응용 버전**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9D%B4%EB%AF%B8%EC%A7%80-4.png)

위의 이미지처럼 **메뉴 버튼이 왼쪽에만 있고, 오른쪽 메뉴(카테고리)는 없앤 스타일입니다.**&#x20;

**왼쪽에만 메뉴를 배치하는 스타일로 제작을 할 수 있어요**.

왼쪽 슬라이드로 할지, 오른쪽으로 할지는 상관 없으니 원하는 곳으로 배치할 수 있습니다.&#x20;

<mark style="color:red;">**★이용방법**</mark>

**앱제작 2.디자인테마 단계**&#x20;

**→ 프로토타입:슬라이드 선택**

**→ 3. 페이지메뉴 단계**

**→ 오른쪽 or 왼쪽 하위메뉴 모두 삭제 (휴지통 모양 버튼 선택)**

**→ 적용 및 저장**&#x20;

***

<mark style="color:blue;">**1. 프로토타입: 슬라이드 메뉴 선택**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%ED%94%84%EB%A1%9C%ED%86%A0%ED%83%80%EC%9E%85NEW2.png)

**앱제작 페이지 → 디자인테마 로 이동해주세요.**

프로토타입을 **‘슬라이드**‘로 선택해주세요

***

<mark style="color:blue;">**2. 페이지 메뉴: 하위 메뉴 삭제하기**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C%EC%9D%91%EC%9A%A91.png)

오른쪽 메뉴를 모두 없애고 왼쪽 슬라이드로 만들어볼게요!

페이지 메뉴 단계에서 오른쪽 메뉴 하위에 속한 카테고리를 모두 삭제해주세요.&#x20;

**-카테고리 옆의 휴지통 모양(삭제) 버튼을 선택하구요.**

**-하단의 \[적용] 버튼,  \[저장]버튼을 누르면 카테고리 삭제되어 앱에 반영됩니다.**&#x20;

![](https://wp.swing2app.co.kr/wp-content/uploads/2020/09/%EC%BA%A1%EC%B2%9833.png)

<mark style="color:red;">**\*주의사항**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C%EC%9D%91%EC%9A%A92-1.png)

<mark style="color:purple;">**\[오른쪽메뉴]라고 되어 있는 상위메뉴는 삭제할 수 없어요.**</mark>

이미지처럼 **\[오른쪽메뉴]**&#xB97C; 삭제하기 하면 **“최상위 메뉴는 삭제할 수 없습니다.”** 라는 메시지 창이 뜹니다.

따라서 하위 메뉴들만 모두 삭제해주시면 됩니다.

<mark style="background-color:blue;">**▶**</mark> <mark style="color:orange;">**움짤 이미지로 보시면 더 쉽게 확인이 가능합니다.**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%85%B9%ED%99%94_2020_12_01_17_25_27_983.gif)

\*하위메뉴들을 모두 삭제하고 저장해주시구요.

이때 오른쪽 메뉴는 삭제가 안되기 때문에 그냥 두시면 됩니다.

아이콘도 안보이게 선택할 수는 있지만, 삭제하지 않아도 보이지 않아요!!

따라서 메뉴들만 삭제해주시면 됩니다.

***

<mark style="color:blue;">**3. 앱 실행화면**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9D%B4%EB%AF%B8%EC%A7%80-4.png)

<mark style="color:red;">**★ 안내사항**</mark>

1\)프로토타입을 변경하여 슬라이드 메뉴를 이용하신다면, 앱제작 요청 버튼을 눌러서 앱을 새 버전으로 업데이트 해주셔야 합니다.

2\)기존 슬라이드 프로토타입 이용 중 한 쪽 메뉴를 삭제한다면 적용 후 저장 버튼만 누르면 앱에 반영됩니다.&#x20;

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://documentation.swing2app.co.kr/manual/v2/designtheme/slide-tip.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.
