# 페이지 기능 - 앱소개

***

**앱소개란?** &#x20;

**앱소개는 스윙페이지에서 제공하는 홈화면 스타일로, 메인 홈화면을 꾸미는 메뉴 중 하나입니다.**

앱 소개 멘트와 사이트주소(URL), 주소, 전화번호, 이메일주소를 보여줄 수 있어서 가장 기본 홈화면 구성 디자인입니다.

처음 스윙투앱으로 앱을 제작할 때 홈화면에 어떤 것을 넣어야 할지 모르기 때문에, 사용자분들에게 홈화면 가이드라인으로 보여드리고자 앱소개 페이지를 기본 셋팅하여 제공해요.

홈화면은 당연히!  앱소개 페이지 외에 다른 다양한 메뉴들 – 이미지 페이지, 웹템플릿, HTML에디터 페이지, 이미지, 게시판, 웹링크 등으로 자유롭게 변경하여 제작할 수 있습니다.

\*앱소개는 기본 샘플 페이지이기 때문에 다른 메뉴로 변경하여 제작하시기를 권장드립니다.

[**홈화면 제작 매뉴얼 보러가기**](/manual/v3/step3-page/home.md)

![](/files/bdsKn1drcUXm9nKVkxxo)

## &#x20;**1.앱에 \[앱소개 페이지] 적용하기**

![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%95%B1%EC%86%8C%EA%B0%9C%ED%8E%98%EC%9D%B4%EC%A7%80.png)

앱제작 화면 이동

1\)STEP3 페이지 단계로 이동합니다.

2\)새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

\*앱소개는 HOME메뉴에도 적용할 수 있습니다.&#x20;

3\) 메뉴 이름 입력

4\) 페이지 디자인에서 \[기본 기능] -\[페이지]를 선택해주세요.&#x20;

5\) ‘앱소개’ 페이지를 찾아서 \[적용하기] 버튼을 선택해주세요.

(페이지에 마우스 커서를 가져다 대면 적용하기 버튼이 열립니다)

6\) 화면 상단 \[저장]버튼을 누르면 앱에 적용됩니다.&#x20;

{% hint style="info" %}
\*미리보기 버튼을 선택하면 해당 페이지가 어떻게 보여지는지 웹 미리보기(가상머신)으로 확인가능하구요.

\*페이지 적용 후에 가상머신을 통해서도 해당 페이지가 어떻게 앱에 적용되는지 확인 가능합니다.

\*제작 단계 중 메뉴 아이콘 , 메뉴 설정은 필수 입력 항목이 아닙니다.

해당 매뉴얼에서는 입력 없이 진행했으며, 앱 제작시 필요할 경우 추가로 적용해주세요.
{% endhint %}

![](/files/bdsKn1drcUXm9nKVkxxo)

## &#x20;**2.앱 실행화면: 앱소개 페이지 확인**

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%95%B1%EC%86%8C%EA%B0%9C%ED%99%94%EB%A9%B4.png" alt=""></div>

**앱소개 페이지를 적용한 화면이에요.**

**앱 아이콘 이미지를 대표로 하여, 하단에 앱 소개 멘트, 웹사이트 링크(URL), 하단의 내비게이션 버튼들이 배치되는 스타일입니다.**

앱소개는 처음 스윙투앱으로 앱제작을 하시는 분들에게 기본으로 셋팅하여 제공해드리는 홈 메인화면이에요.

따라서 홈화면을 꼭 ‘앱소개’로 적용하여 사용하지 않아도 되구요.

다양한 다른 메뉴들로 홈화면을 꾸며서 제작할 수 있습니다.

**▶ 움짤이미지를 통해서 앱소개-아이콘 배너 선택시 이동하는 페이지를 확인해주세요.**

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%85%B9%ED%99%94_2020_06_02_16_18_41_940.gif" alt=""></div>

![](/files/bdsKn1drcUXm9nKVkxxo)

## **3.앱소개 메뉴 및 내용 수정방법** &#x20;

![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%95%B1%EC%86%8C%EA%B0%9C%EC%88%98%EC%A0%95.png)

**\[앱소개 설명 및 배너 내용 수정방법]**

앱제작 화면 상단의 \[고급설정] 메뉴에서 앱소개 페이지의 항목을 수정할 수 있습니다.

1\)앱제작 페이지 상단의 \[고급설정] 메뉴 선택

2\)설정:앱서비스 정보

3\)항목별 \[EDIT]버튼 눌러서 수정 할 수 있습니다.

4\)수정 후 상단 \[저장] 버튼을 누르면 앱에 반영됩니다.

최초 앱 제작때는 앱제작요청 해주셔야 반영됩니다.&#x20;

제작해놓은 앱에 다시 수정할 때는 저장시 앱에 자동반영됩니다.

![](/files/bdsKn1drcUXm9nKVkxxo)

## **4.앱소개 내용, 버튼 삭제 방법**&#x20;

![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%95%B1%EC%86%8C%EA%B0%9C%EC%88%98%EC%A0%952.png)

**고급설정 – 앱 서비스 정보에서 ‘전화번호, 이메일, 사이트주소, 주소, 앱설명’에 있는 \[초기화] 버튼을 눌러주세요**

\[초기화] 누른 뒤 상단의 \[저장] 버튼만 누르면 내비게이션 버튼이 없어집니다.

다시 버튼을 보이게 할 경우 각 설정값에 \[EDIT]버튼을 눌러서 내용을 입력해주시면 됩니다.

![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%95%B1%EC%86%8C%EA%B0%9C%ED%99%94%EB%A9%B42.png)

앱소개 화면에서 하단의 내비게이션 버튼이 없어진 것을 확인할 수 있어요\~!

{% hint style="danger" %}

### <mark style="color:red;">**앱소개 안내사항**</mark>

**1)앱소개 문구는 수정하고, 저장하면 바로 반영이 안되나요?**

앱소개 타이틀 문구 수정은 최초 1회 수정시 저장 후 \[앱제작 요청] 버튼을 눌러서 새 버전으로 업데이트 받아주셔야 반영됩니다.

1회 수정 이후에는 저장만 하시면 그때부터는 앱에 자동 반영되요.

**2)사이트주소 입력시 하단의 \[공유] 아이콘 버튼과, 중간에 들어가는 사이트 링크 주소와 함께 연동됩니다.**&#x20;

따라서 사이트주소 입력하시면 공유버튼과 사이트 주소가 함께 표시되구요.

삭제하시면 공유버튼, 사이트주소 함께 제거됩니다.

**3)앱소개 페이지의 대표 이미지는 앱 아이콘이미지와 연동이 되어서 보여집니다. \*별도 수정 및 제거가 불가합니다.**&#x20;

**4)처음 앱제작시 홈화면은 기본 화면을 ‘앱소개’ 페이지로 셋팅해놓았습니다.**

처음 제작하시는 분들에게 제공하는 가이드라인 셋팅화면이에요.

따라서 앱소개 페이지 외에도 홈화면은 다양한 메뉴들로 꾸밀 수 있습니다.&#x20;
{% endhint %}


---

# 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/v3/step3-page/intro.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.
