# 게시판-오디오파일 첨부방법

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fc9fcx2Hm0R0ISfqNRE7f%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=ce898b39-cc5f-42f8-9d41-b88885dfaa79" alt=""><figcaption></figcaption></figure>

파일을 등록하려면 먼저 게시판이 있어야 하겠죠?

게시판을 아직 만들지 않았다면 게시판을 먼저 만들어주세요!

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2019/05/%EA%B2%8C%EC%8B%9C%EB%AC%BC%ED%8C%8C%EC%9D%BC%EC%B2%A8%EB%B6%803.png" alt=""></div>

[앱운영페이지 → 서비스관리 → 게시판관리](http://www.swing2app.co.kr/view/board_edit) →\[게시판 생성] 버튼 선택하여 게시판 만들어주세요.

[**게시판 만들기 상세 매뉴얼**](https://documentation.swing2app.co.kr/manual/appmanage/board/boardeditor)을 참고해주세요

<mark style="color:red;">\*게시판 생성시 허용범위에 ‘파일첨부’에 꼭 체크해주세요!</mark> &#x20;

<mark style="color:red;">파일첨부에 체크가 안되어 있으면 음악파일 첨부가 되지않아요.</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2019/05/%EC%98%A4%EB%94%94%EC%98%A4%ED%8C%8C%EC%9D%BC2.png" alt=""></div>

게시판 및 기능설정 창이 뜨구요.

스크롤해서 내려보시면 허용범위 설정이 있습니다.

<mark style="color:blue;">\[파일 첨부]</mark> 에 체크한 뒤 저장 버튼 눌러주세요.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2019/05/%EA%B2%8C%EC%8B%9C%EB%AC%BC%ED%8C%8C%EC%9D%BC%EC%B2%A8%EB%B6%807.png" alt=""></div>

게시판을 다 만들었다면 서비스관리 → 게시물관리에서 파일을 등록할 게시판을 선택해서 이동해주세요.&#x20;

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fc9fcx2Hm0R0ISfqNRE7f%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=ce898b39-cc5f-42f8-9d41-b88885dfaa79" alt=""><figcaption></figcaption></figure>

#### <mark style="color:blue;">**음악 파일첨부는 2가지 방법으로 이용 가능합니다**</mark>

## STEP1. 게시판 기능 – 음악 파일 첨부 이용하기&#x20;

오디오 파일첨부 첫번째 방법은 **게시판에 제공되는 기능 중 \[음악]버튼을 이용하여, 게시물에 첨부를 하는 방법입니다.**&#x20;

![](https://wp.swing2app.co.kr/wp-content/uploads/2019/05/%EC%98%A4%EB%94%94%EC%98%A4%ED%8C%8C%EC%9D%BC1.png)

1\)앱운영 페이지 → 게시물관리에서 만들어놓은 게시판으로 이동합니다.

2\)게시물 작성 페이지 상단 옵션 버튼 중에서 <mark style="color:blue;">**\[음악]**</mark> 버튼을 선택합니다.

3\)\[MP3파일 업로드]를 선택해서 게시물에 등록할 오디오파일을 첨부해주세요.

4\)\[저장]버튼을 선택해주세요.

\*추가 선택사항: 반복재생, 바로재생 (추가 선택사항이니 해당사항이 없으면 체크하지 않아도 됩니다)

![](https://wp.swing2app.co.kr/wp-content/uploads/2019/05/%EC%98%A4%EB%94%94%EC%98%A4%ED%8C%8C%EC%9D%BC3.png)

5\)오디오파일이 잘 첨부되었는지 확인 후 \[등록]버튼을 선택해주세요.

(게시물 글 작성, 사진등록은 모두 진행해주세요)

<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:orange;">**음악 파일 첨부 게시판 앱 실행화면**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2019/05/%EC%98%A4%EB%94%94%EC%98%A4%ED%8C%8C%EC%9D%BC4.png" alt=""></div>

앱을 실행해서 해당 게시물을 확인해볼게요\~

게시물 상세보기로 들어가면 첨부해놓은 오디오파일의 재생 bar가 생성이 되구요.

재생 버튼을 누르면 오디오(음악)가 재생됩니다.

***

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fc9fcx2Hm0R0ISfqNRE7f%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=ce898b39-cc5f-42f8-9d41-b88885dfaa79" alt=""><figcaption></figcaption></figure>

## STEP2. 게시판 에디터 – 오디오 업로드 버튼 선택하기

파일 첨부 두번째 방법은 **HTML에디터 글쓰기 바에 있는 \[오디오 업로드] 버튼을 이용하여, 게시물에 삽입을 하는 방법입니다.**&#x20;

![](https://wp.swing2app.co.kr/wp-content/uploads/2019/05/%EC%98%A4%EB%94%94%EC%98%A4%ED%8C%8C%EC%9D%BC6.png)

글쓰기 – HTML에디터를 선택하면 본문 내용에 옵션 bar가 생성이 됩니다.

(HTML에디터는 기존의 게시판 글쓰기 방법에서 다양한 스타일과 글 작성 디자인이 추가된 게시판 글쓰기 제작도구입니다.)

1\)글 옵션 bar에  <mark style="color:blue;">**\[오디오업로드]**</mark> 버튼을 선택합니다.&#x20;

2\)\[MP3파일 업로드]를 선택해서 게시물에 등록할 오디오파일을 첨부해주세요.

3\)\[저장]버튼을 선택해주세요.

\*추가 선택사항: 반복재생 (추가 선택사항이니 해당사항이 없으면 체크하지 않아도 됩니다)

![](https://wp.swing2app.co.kr/wp-content/uploads/2019/05/%EC%98%A4%EB%94%94%EC%98%A4%ED%8C%8C%EC%9D%BC7.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:orange;">**오디오 업로드 게시판 앱 실행화면**</mark>&#x20;

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2019/05/%EC%98%A4%EB%94%94%EC%98%A4%ED%8C%8C%EC%9D%BC5.png" alt=""></div>

HTML에디터 글쓰기 작성화면에서 오디오 업로드시 자유롭게 오디오 파일을 본문에 첨부할 수 있어요.

글 작성화면에서 오디오 및 파일을 자유롭게 배치할 수 있기 때문에 블로그 글쓰기처럼 글과 이미지,파일을 자유롭게 배치하고 싶다면 HTML글쓰기에서 해당 옵션 기능을 이용해주세요.

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

1\) 음악파일 첨부 기능은 업데이트 기능이라서 2019년 5월 17일 이전에 제작한 앱은 반드시 업데이트를 하신 뒤 이용해주셔야 합니다.

\*기존 일반 파일첨부 기능은 관계없으며, 음악파일만 해당되요!

업데이트 이전에 제작한 앱은 \[앱제작요청]을 눌러서 앱을 새 버전으로 업데이트 해주세요.

2019년 5월 17일 이후 제작한 앱은 자동으로 반영됩니다.

2\) 파일첨부(일반 파일첨부, 오디오 파일 첨부) 기능은 웹과 어플에서 모두 등록 가능합니다.

게시판 제작시 파일첨부 옵션에 꼭 체크해주시기 바랍니다.&#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/appmanage/board/mp3file.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.
