# 앱 미리보기 이용방법

***

## **0.앱 미리보기란?**

스윙투앱에서 제작한 앱을 실시간으로 확인할 수 있는 서비스입니다.

**스윙투앱 공식앱을 다운받은 뒤 → \[앱 미리보기] 메뉴 선택→ 스윙 홈페이지에서 가입하신 계정으로 로그인해주세요.**

앱미리보기 페이지에서 스윙투앱에서 제작한 모든 앱 목록을 확인할 수 있어요.

앱 내에서 미리보기, 다운로드하여 핸드폰에서 직접 확인할 수 있습니다.

번거롭게 APK파일을 받아서 설치하지 않아도, 내가 제작한 앱을 실시간으로 확인할 수 있습니다!

\*특히 그동안 지원되지 않았던 아이폰에서도 앱 미리보기가 가능합니다. (다운은 안되요\~!)

<img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%95%B1%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B0-1.png" alt="" width="100%">

1\)앱스토어, 플레이스토어에서 ‘스윙투앱’ 공식앱을 다운받아주세요. \*앱이 이미 설치가 되어 있다면 최신버전으로 업데이트 받아주세요

2\) 앱 실행 후 → 카테고리 상단에 \[앱미리보기] 메뉴를 선택한 뒤 스윙웹사이트 가입 계정(아이디, 비밀번호)으로 로그인해주세요.

3\) 로그인이 완료되면 앱 미리보기 페이지가 열리며, 제작한 앱 목록을 확인할 수 있습니다.

아이폰은 미리보기 버튼을 눌러서 확인이 가능합니다.

안드로이드폰에서는 앱미리보기, 앱 다운로드 가능합니다.

**스윙투앱 – 앱 미리보기를 이용하는 방법을 확인해주세요 \~!**

<img src="https://88478715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=576171dc-e10f-4248-89fe-df9dab4ee586" alt="" width="100%">

## 1. 앱스토어, 플레이스토어 \[스윙투앱] 앱 다운받기 <a href="#id-1" id="id-1"></a>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B04.png" alt="" width="100%"></div>

1\)앱스토어, 플레이스토어에서 ‘스윙투앱’ 공식앱을 다운받아주세요.

\*스윙투앱 공식앱이 이미 설치가 되어 있다면 최신버전으로 업데이트 받아주세요.

<img src="https://88478715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=576171dc-e10f-4248-89fe-df9dab4ee586" alt="" width="100%">

## ​**2. \[앱 미리보기] 로그인** <a href="#id-2" id="id-2"></a>

<img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%8A%A4%EC%9C%99%ED%88%AC%EC%95%B1%EA%B3%B5%EC%8B%9D%EC%95%B11-1.png" alt="" width="100%">

2\) 앱 실행 후 → 카테고리 상단에 **\[앱미리보기]** 메뉴를 선택합니다.

3\)스윙투앱 홈페이지에서 가입한 계정(이메일, 비밀번호)으로 로그인해주세요.

**-간편로그인 사용자: 스윙투앱 가입시 간편로그인으로 진행하셨던 분들은 네이버, 구글, 페이스북 아이콘을 선택해서 로그인을 진행해주세요.**

4\)로그인이 완료되면 앱 미리보기 화면이 열리며, 제작한 앱 목록을 확인할 수 있습니다.

스윙투앱 공식앱에서 가입한 계정이 아니에요\~!

아이폰은 앱 미리보기 – 간편 로그인 기능이 제공되지 않습니다.

간편로그인 사용자는 안드로이드폰을 이용하시거나, 아이폰 이용시 부관리자 로그인 or QR코드로 미리보기 기능으로 이용해주세요.

<img src="https://88478715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=576171dc-e10f-4248-89fe-df9dab4ee586" alt="" width="100%">

## ​**3. \[앱 미리보기] 앱 목록확인** <a href="#id-3" id="id-3"></a>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%95%84%EC%9D%B4%ED%8F%B0%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B02.png" alt=""></div>

아이폰은 \[미리보기] 버튼을 눌러서 확인이 가능합니다.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B02.png" alt="" width="100%"></div>

안드로이드폰에서는 \[앱 미리보기], \[앱 다운로드] 모두 가능하구요.

​

\*앱이 플레이스토어 혹은 앱스토어에 출시가 되어 있다면 ‘마켓에서 보기’를 선택하여 바로 출시된 해당 스토어로 이동할 수 있습니다.

**\*스윙투앱 프로토타입- 푸시, 웹뷰로 제작한 앱은 앱미리보기가 불가능합니다.(앱 다운로드만 가능)**

**따라서 아이폰에서는 푸시, 웹뷰로 제작한 앱은 이용할 수 없으며, 안드로이드폰에서는 다운로드로 이용 가능합니다.**

<img src="https://88478715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=576171dc-e10f-4248-89fe-df9dab4ee586" alt="" width="100%">

## ​**4. 앱 실행)안드로이드, 아이폰 앱 미리보기** <a href="#id-4" id="id-4"></a>

​

<img src="/files/ByATDV9H25AzXSI6eaTl" alt="" data-size="line"> **안드로이드폰-\[앱미리보기] 실행**

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

안드로이드폰에서는 \[앱 다운로드] 버튼을 통해서 제작한 앱을 직접 핸드폰으로 다운받아 설치할 수 있어요!

**안드로이폰에서는 스윙투앱 프로토타입- 푸시, 웹뷰로 제작한 앱은 앱 다운로드로만 설치가 가능합니다.**

<div align="left"><img src="https://88478715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FdtBuDsA4wnfhvqyBRwih%2F%EC%88%98%EC%A0%95_%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B0.gif?alt=media&#x26;token=d51b828a-7305-4177-900d-4aa1ddce603e" alt="" width="100%"></div>

아이폰은 앱 다운이 안되기 때문에 \[미리보기] 버튼을 통해서 제작한 앱을 미리보기로 확인 할 수 있습니다.

**\*아이폰에서는 스윙투앱 프로토타입- 푸시, 웹뷰로 제작한 앱은 앱미리보기가 불가능합니다.**

**\*이때 안드로이드폰에서 앱 설치가 잘 안된다면 핸드폰에 설정된 보안때문에 그런 경우가 많아요\~**

**따라서 앱 설치가 제대로 안된다면 아래 매뉴얼을 확인하여 보안 설정을 풀어주시기 바랍니다.**

<img src="https://88478715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=576171dc-e10f-4248-89fe-df9dab4ee586" alt="" width="100%">

## **5. 부관리자 로그인** <a href="#id-5" id="id-5"></a>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%B6%80%EA%B4%80%EB%A6%AC%EC%9E%90-%EB%A1%9C%EA%B7%B8%EC%9D%B8.png" alt="" width="100%"></div>

앱 미리보기 에서는 관리자 로그인 분만 아니라 앱 부관리자도 로그인하여 앱을 확인할 수 있습니다.

로그인을 할 때는 **부관리자 아이디, 비밀번호, 앱 아이디**를 입력해주시면 됩니다.

여기서! 아이디와 비밀번호는 앱에 가입된 아이디, 비밀번호를 넣어주시구요.

**\*앱 아이디는 스윙 앱제작 페이지 → STEP1 기본정보에 보시면, 앱 아이디를 확인할 수 있습니다.​**

<figure><img src="/files/1tuAUTk5Jv6yoSwRe7RP" alt=""><figcaption></figcaption></figure>

위의 이미지처럼 **앱제작 → 기본정보**에 보시면 앱 아이디가 있습니다.

해당 아이디를 부관리자 로그인시 입력해주시면 됩니다.

**그렇다면, 부관리자는 어떻게 설정할 수 있을까요?**

부관리자는 관리자가 회원을 선택하여 관리자 권한을 주는 것입니다.

**↓↓ 아래에서 부관리자를 설정하는 방법을 알려드릴게요.**

<img src="https://wp.swing2app.co.kr/wp-content/uploads/2021/04/%ED%9A%8C%EC%9B%90%EC%82%AD%EC%A0%9C2.png" alt="" width="100%">

회원조회 페이지에서는 앱에 가입된 회원목록을 확인할 수 있어요.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EA%B4%80%EB%A6%AC%EC%9E%90%EB%B3%80%EA%B2%BD.png" alt="" width="100%"></div>

회원을 한 명 선택한 뒤 이름을 클릭하면, 위의 이미지처럼 회원정보 창이 뜹니다.

1\)회원정보 창에서 **\[현재 그룹정보] 버튼을 누른 뒤 – ‘관리자’로 선택**합니다.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EA%B4%80%EB%A6%AC%EC%9E%90%EC%84%A4%EC%A0%954_19.09.png" alt="" width="100%"></div>

앞서 사용자였던 회원이 ‘관리자’로 변경이 됩니다.

스윙미리보기에서 부관리자 로그인시 이러한 방법으로 이용할 수 있습니다.

그리고 ‘부관리자’라는 명칭은 별도로 없으며 관리자로 통합되어 사용합니다.

<img src="https://88478715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=576171dc-e10f-4248-89fe-df9dab4ee586" alt="" width="100%">

## **6. QR코드로 미리보기** <a href="#id-5" id="id-5"></a>

스윙 앱미리보기는 관리자 로그인 외에, QR코드로 찍어서도 앱을 미리보기로 확인할 수 있어요

<mark style="color:red;">\*주의) 웹뷰, 푸시로 제작한 앱은 QR코드 미리보기 지원이 되지 않습니다. 일반 프로토타입 앱제작시에만 이용 가능</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/QR%EC%BD%94%EB%93%9C%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B0-1.png" alt="" width="100%"></div>

앱미리보기 로그인화면에 QR코드로 미리보기 메뉴를 확인할 수 있어요.

해당 메뉴는 관리자나 부관리자로 로그인하지 않아도, **앱 마다 제공되는 QR코드를 스캔하여 핸드폰에서 앱을 미리볼 수 있습니다.**

### **1)어디서 QR코드를 스캔할 수 있나요?**

아래에서 QR코드를 스캔하는 방법을 알려드릴게요.

[앱운영-버전관리-앱제작이력](https://www.swing2app.co.kr/view/app_work_history) 페이지의 오른쪽 화면에서 **\[미리보기]** 메뉴를 확인할 수 있어요.

<figure><img src="/files/EtMzWFVgcsn4Bnb1jUhA" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/Mx03aXTQ3uUhfzxR4iiq" alt=""><figcaption></figcaption></figure>

미리보기를 선택하면, 위의 이미지처럼 \[스윙미리보기] 팝업창이 뜹니다.

그리고 팝업이미지에 QR코드가 함께 내장되어 보이구요.

<mark style="color:green;">**이 QR코드 이미지가 앱을 실행하게 해줍니다.**</mark>

<mark style="color:green;">**각 앱마다 다른 QR코드가 뜨기 때문에 자신의 계정에 있는 다른 앱들도 동일하게 확인할 수 있어요.**</mark>

### <mark style="color:blue;">**2)QR 미리보기 - 움짤 이미지로 확인하기**</mark>

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

{% hint style="info" %}
**스윙투앱 공식 앱 실행 → 앱 미리보기 선택 → \[QR코드로 미리보기] 버튼 선택 → 핸드폰을 해당 QR코드 이미지에 가져다 대면 제작한 앱이 핸드폰에서 미리보기로 실행됩니다.**
{% endhint %}

{% hint style="danger" %}
**\*주의**

1\)웹뷰, 푸시로 제작한 앱은 QR코드 미리보기 지원이 되지 않습니다. \*일반 프로토타입 앱제작시에만 이용 가능

웹뷰, 푸시앱은 스윙투앱 웹뷰 브라우저 어플을 이용해주세요.&#x20;

2\)아이폰은 앱 미리보기만 가능합니다. (안드로이드폰처럼 앱 다운은 이용할 수 없으며, 웹뷰/푸시로 제작한 앱은 아이폰에서는 확인 불가)

3\)스윙투앱 프로토타입-푸시, 웹뷰로 작업한 앱은 안드로이드폰에서는 앱 다운로드만 가능하며, 아이폰에서는 확인할 수 없습니다.

4\)미리보기로 앱을 이용할 때는 푸시 알림, 공유기능 등이 적용되지 않습니다.

-푸시 알림, 공유를 이용하셔야 한다면 앱 다운받기를 하여 앱을 설치한 뒤 이용해주세요 (아이폰은 지원 X)
{% 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/appguide/swingpreview.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.
