# 앱미리보기 이용방법

<img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI6cvj8IqKdVF4JFOzqve%2Fimage.png?alt=media&#x26;token=a9baa690-3816-44ee-aa7f-f8672bd00008" alt="" data-size="line"> **앱 미리보기란?**

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

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

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

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

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

<mark style="color:red;">\*특히 그동안 지원되지 않았던 아이폰에서도 앱 미리보기가 가능합니다. (다운은 안되요\~!)</mark>

![](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)

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

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

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

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

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

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

![](https://684031119-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\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) 1. 앱스토어, 플레이스토어 \[스윙투앱] 앱 다운받기

<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=""></div>

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

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

**▶** [**앱스토어 출시 링크(URL)**](https://itunes.apple.com/us/app/%EC%8A%A4%EC%9C%99%ED%88%AC%EC%95%B1-swing2app/id1089434204?l=ko\&ls=1\&mt=8)

**▶** [**플레이스토어 출시 링크(URL)**](https://play.google.com/store/apps/details?id=com.hustay.swing.n24b9904fe8b52497d87aaa75f795b5f96)

![](https://684031119-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\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **2. \[앱 미리보기]  로그인**

![](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)

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

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

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

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

{% hint style="danger" %} <mark style="color:red;">**주의사항**</mark>

<mark style="color:red;">로그인은 반드시 스윙투앱 홈페이지</mark> [<mark style="color:red;">http://www.swing2app.co.kr</mark>](http://www.swing2app.co.kr/) <mark style="color:red;">에서 가입한 계정을 넣어주셔야 합니다.</mark>

<mark style="color:red;">스윙투앱 공식앱에서 가입한 계정이 아니에요\~!</mark>
{% endhint %}

{% hint style="warning" %} <mark style="color:orange;">**안내**</mark>

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

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

![](https://684031119-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\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **3. \[앱 미리보기] 앱 목록확인**

<mark style="color:blue;">**아이폰 미리보기 화면**</mark>

<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>

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

​<mark style="color:orange;">**\[안드로이드폰 미리보기 화면]**</mark>

<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=""></div>

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

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

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

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

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

![](https://684031119-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\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **4. 앱 실행)안드로이드, 아이폰 앱 미리보기**

<img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI6cvj8IqKdVF4JFOzqve%2Fimage.png?alt=media&#x26;token=a9baa690-3816-44ee-aa7f-f8672bd00008" alt="" data-size="line"> <mark style="color:blue;">**안드로이드폰-\[앱미리보기] 실행**</mark>

<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=""></div>

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

<mark style="color:red;">**안드로이폰에서는 스윙투앱 프로토타입- 푸시, 웹뷰로 제작한 앱은 앱 다운로드로만 설치가 가능합니다.**</mark>

<img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI6cvj8IqKdVF4JFOzqve%2Fimage.png?alt=media&#x26;token=a9baa690-3816-44ee-aa7f-f8672bd00008" alt="" data-size="line"> <mark style="color:blue;">**아이폰 - \[앱미리보기] 실행**</mark>

<div align="left"><img src="https://684031119-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=""></div>

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

<mark style="color:red;">**\*아이폰에서는 스윙투앱 프로토타입- 푸시, 웹뷰로 제작한 앱은 앱미리보기가 불가능합니다.**</mark>

**​**

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

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

**▶**[ **\[앱(APK) 설치가 안된다면 확인해주세요!!\]**](https://documentation.swing2app.co.kr/appguide/appoperation/not-installed1)

![](https://684031119-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\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) 5. 앱미리보기에서 제공되는 기능

#### <mark style="color:blue;">**1. 부관리자 로그인**</mark>

<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=""></div>

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

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

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

<mark style="color:orange;">**앱 아이디는 스윙 앱제작 페이지 → 1단계 앱 기본정보에 보시면, 앱 아이디를 확인할 수 있습니다.​**</mark>

​![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%ED%99%94%EC%82%B4%ED%91%9C.png)

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%95%B1%EC%95%84%EC%9D%B4%EB%94%94-%ED%99%95%EC%9D%B8NEW-1.png)

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

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

<mark style="color:red;">**그렇다면, 부관리자는 어떻게 설정할 수 있을까요?**</mark>

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

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

![](https://wp.swing2app.co.kr/wp-content/uploads/2021/04/%ED%9A%8C%EC%9B%90%EC%82%AD%EC%A0%9C2.png)

[**앱운영 페이지 → 푸시&회원 → 회원조회**](https://www.swing2app.co.kr/view/member_list) **메뉴로 이동합니다.**

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

![](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)

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

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

2\)**\[그룹변경저장] 버튼을 선택합니다.**&#x20;

&#x20;

![](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)

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

부관리자는 이렇게 설정할 수 있구요.

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

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

더욱 자세한 내용은 아래 링크 첨부해드리니 확인해주세요!

[**\[부관리자 지정 매뉴얼 확인하기\]**](https://documentation.swing2app.co.kr/manual/appmanage/pushmember/associate-administrator)

![](https://684031119-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\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

#### &#x20;<mark style="color:blue;">**2. QR코드로 앱 미리보기**</mark>&#x20;

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

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

![](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)

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

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

<mark style="color:orange;">**그럼.. 어디서 QR코드를 스캔할 수 있나요?**</mark>

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

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%ED%99%94%EC%82%B4%ED%91%9C.png)

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B01.png)

**\*스윙투앱** [**앱운영페이지 → 버전관리 → 앱제작 이력**](https://www.swing2app.co.kr/view/app_work_history) **페이지로 이동합니다.**

앱제작이력 페이지 \[앱 미리보기]에서 <mark style="color:blue;">**\[미리보기]**</mark> 메뉴를 확인할 수 있어요.

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B02.png)

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

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

**이 QR코드 이미지가 앱을 실행하게 해줍니다.**&#x20;

**각 앱마다 다른 QR코드가 뜨기 때문에 자신의 계정에 있는 다른 앱들도 동일하게 확인할 수 있어요.**

<mark style="color:orange;">**\[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=""></div>

<mark style="color:red;">**★ QR코드 이용방법 정리**</mark>

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

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

***

{% hint style="warning" %} <mark style="color:orange;">**앱 미리보기 안내사항**</mark>

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

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

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

-푸시 알림, 공유를 이용하셔야 한다면 앱 다운받기를 하여 앱을 설치한 뒤 이용해주세요 (아이폰은 지원 X)

4\)QR코드 미리보기는 일반 프로토타입으로 제작한 앱만 이용이 가능합니다. \*웹뷰, 푸시앱으로 제작한 앱은 이용 불가&#x20;
{% endhint %}