# 게시판 작성폼 이용방법

<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;">**게시판 작성폼이란?**</mark>

관리자가 원하는 질문지를 넣으면 셋팅된 폼 양식으로 제공이 되는 게시판 기능입니다.

즉, 게시판 안에 관리자가 원하는 형태의 질문 항목을 적용하면 사용자들이 질문에 맞는 답변을 작성할 수 있게 폼을 만들 수 있답니다.

입사지원서를 받거나 사용자들에게 설문조사를 등을 받을 때 해당 작성폼을 활용할 수 있겠습니다\~!!

**\*작성폼이 적용된 게시판은 앱에서 해당 폼 스타일이 입혀지며, 앱에서만 폼 형식대로 글 작성이 가능합니다.**

**앱운영- 게시물관리에서는 폼이 적용되지 않기 때문에 해당 기능은 반드시 앱에서만 이용해주시기 바랍니다.**

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EC%8A%A4%EC%9C%99%EA%B3%B5%EC%8B%9D%EC%95%B1-%EA%B2%8C%EC%8B%9C%ED%8C%90%ED%8F%BC-KR.png" alt=""></div>

<mark style="color:blue;">**게시판 작성글과는 어떻게 다른가요?**</mark>

작성폼과 비슷한 기능 중에서 게시판 작성글과는 조금 스타일이 다르구요.

작성글은 폼 없이 게시판에 글만 보여지는 스타일입니다.

**☞ 게시판 작성글 이용방법은 매뉴얼을 참고해주세요.**

***

작성폼은 앱에서 어떻게 보여지나요?

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9E%91%EC%84%B1%ED%8F%BC4_20.03.png)

위의 앱 실행화면에서 보시는 것처럼 게시물 작성을 할때 입사지원서처럼 미리 질문 항목들이 기재되어 폼형식으로 제공되구요

질문에 맞게 사용자는 답변을 입력하여 저장할 수 있습니다.

이미지 첨부 및 캘린더(날짜설정) 등을 활용할 수 있습니다.&#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>

## 1. 게시판 작성폼 설정하기

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9E%91%EC%84%B1%EA%B8%801_20.03-1.png)

앱운영 페이지 → 서비스 관리 → 게시판 관리로 이동합니다.

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9E%91%EC%84%B1%ED%8F%BC2_20.03.png)

게시판 관리 페이지에서 게시판을 새로 만들어야 할 경우는 **\[게시판 생성]**&#xBC84;튼을 선택하구요.

만들어놓은 게시판이 있을 경우는**해당 게시판에 있는 \[설정]​**버튼을 선택합니다.

해당 버튼을 선택하면, 게시판 및 기능설정 창이 열려요.

첫 번째 기능설정 메뉴는 게시판 이름, 게시판 UI 스타일, 권한 등을 설정하는 메뉴이구요.

해당 메뉴들은 게시판 만들기 매뉴얼을 참고하셔서 선택해주시기 바랍니다.

{% embed url="<https://documentation.swing2app.co.kr/manual/appmanage/board/boardeditor>" %}

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9E%91%EC%84%B1%ED%8F%BC1_20.03.png)

게시판 기본설정 입력이 완료되면 두 번째 메뉴인

1\) **\[작성글 설정]**&#xC744; 선택합니다.

2\) **\[작성폼 사용여부]**&#xC5D0; 체크해주세요.

**▶작성글 이용방법은 아래 매뉴얼을 참고해주세요.**

{% embed url="<https://documentation.swing2app.co.kr/manual/appmanage/board/write-bulletin-board>" %}

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

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9E%91%EC%84%B1%ED%8F%BC5_20.03.png)

게시판 작성폼에는 필요한 항목을 선택하여 추가해주시면 되구요.

항목 외에 다른 추가 질문이 필요하면 입력정보를 ‘사용자정의’로 체크하여 추가할 수 있습니다.

{% hint style="info" %}
**작성폼 선택시에는 반드시 질문 '항목'을 입력해주세요.**

**항목이 입력되지 않으면 게시판에서 글 작성이 되지 않습니다.**&#x20;

**작성폼은 질문 항목을 입력하여 답변을 입력하는 형식으로 운영되기 때문에 항목을 추가하여 이용해주시기 바랍니다.**&#x20;
{% endhint %}

<mark style="color:orange;">**1.작성 방법 (필수 입력항목 아니에요)**</mark>

해당 게시판 작성방법에 대해서 설명하는 글을 입력합니다.

<mark style="color:orange;">**2. 최소이미지 등록 개수 (필수 입력항목 아니에요)**</mark>

이미지 등록이 필요한 경우 원하는 숫자를 기재합니다. 이미지 등록이 필요없다면 이용하지 않으셔도 되구요.

이미지 수를 입력한 경우, 앱 사용자는 개수에 맞게 이미지를 등록해야 합니다.

<mark style="color:orange;">**3. 항목명칭**</mark>

작성폼에 원하는 형태의 항목을 입력해서 추가합니다.

**셋팅된 입력정보를 선택해서 추가해도 되고, 사용자 정의를 선택한 뒤 원하는 항목을 입력한 뒤 추가할 수 있습니다.**

**→ 이미지 첨부 외에 답변 UI형태 중 – ‘파일’을 첨부하면 게시물 본문 안으로 이미지를 등록할 수 있습니다.**

**→ 아래 움짤 이미지를 통해서 항목을 추가하는 방법을 확인해주세요**

<mark style="color:orange;">**4. 저장하기**</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>

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

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

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9E%91%EC%84%B1%ED%8F%BC6_20.03.png)

위의 이미지처럼 항목들을 추가해서 양식을 설정한 뒤 저장해주시면 해당 내용으로 작성폼이 만들어집니다.

**앱제작페이지에서 해당 게시판을 앱에 연동해주셔야 반영이 되요, 아래에서 앱에 적용하는 방법 확인해주세요.**

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

## 2. 앱에 게시판 적용하기

<mark style="color:blue;">**앱제작 V3버전 이용시**</mark>

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FUaAVsD8cpZYzGXQPVx48%2F%EA%B2%8C%EC%8B%9C%ED%8C%90%20(1).png?alt=media&#x26;token=018c5146-f429-425f-9e6b-8fc250487dd1" alt=""><figcaption></figcaption></figure>

1\)앱제작 화면 STEP3 페이지 선택

2\)메뉴 선택

\*메뉴를 만들기 전이라면, 새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3\) 메뉴 이름을 입력해주세요.

4\) 페이지 디자인에서 \[UI KIT] 선택

5\)\[게시판]을 선택해주세요.&#x20;

6\) 등록할 게시판을 확인한 뒤 \[적용하기] 버튼을 선택해주세요. (페이지에 마우스 커서를 가져다 대면 적용하기 버튼이 열립니다)

7\) 화면 상단 \[저장]버튼을 누르면 앱에 적용됩니다.

\*아이콘은 선택사항이며, 메뉴 앞에 아이콘을 적용할 경우만 선택해주세요.&#x20;

<mark style="color:blue;">**앱제작 V2버전 이용시**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EA%B2%8C%EC%8B%9C%ED%8C%90%EC%A0%81%EC%9A%A9NEW1.png)

**앱제작 페이지 – 페이지 메뉴 단계로 이동합니다.**

1\. \[카테고리 추가] 버튼을 선택해서 게시판을 적용할 메뉴를 추가합니다.&#x20;

2\. 메뉴 이름을 입력해주세요.

3\. 메뉴 유형: \[게시판]을 선택해주세요.

4\. \[링크마법사] 버튼을 선택해주세요.

5\. 메뉴에 적용할 게시판을 선택한 뒤 \[반영] 버튼 선택

6\. \[적용] 버튼

7\. \[저장] 버튼을 누르면 완료됩니다.

\*아이콘은 선택사항이며, 메뉴 앞에 아이콘을 적용할 경우만 선택해주세요.&#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>

## 3. 앱 실행화면: 작성폼 확인하기

핸드폰 앱 실행화면을 통해서 작성폼이 어떻게 나타나는지 확인해볼게요

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9E%91%EC%84%B1%ED%8F%BC_20.07.png" alt=""></div>

게시판 목록 화면으로 이동하면 오른쪽 상단 글작성 버튼을 선택해주시구요.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9E%91%EC%84%B1%ED%8F%BC4_20.03.png" alt=""></div>

글작성 페이지로 이동하면, 작성폼에서 입력한 내용처럼 질문 항목과 답변 항목 양식이 만들어졌습니다.

앱 사용자는 해당 작성폼 양식에 맞게 입력이 가능합니다.

<mark style="color:orange;">작성폼이 적용된 게시판은 앱에서 해당 폼 스타일이 입혀지며, 앱에서만 폼 형식대로 글 작성이 가능합니다.</mark>

<mark style="color:orange;">앱운영- 게시물관리에서는 폼이 적용되지 않기 때문에 해당 기능은 반드시 앱에서 이용해주시기 바랍니다.</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://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9E%91%EC%84%B1%ED%8F%BC2_20.07.png" alt=""></div>

각 항목별로 답변이 입력된 것을 확인할 수 있습니다.&#x20;

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

작성폼 글 작성시 게시판에 표시되는 제목은 작성폼의 첫번째 문항 답변이 제목으로 셋팅됩니다.

예를들어 첫번째 항목이 이름 이라면, 사용자 이름이 제목으로 표시되구요.

날짜가 첫번째 항목이라면 날짜 2020-07-09 이렇게 제목으로 표시됩니다.

<mark style="color:red;">**\*이미지 등록, 파일첨부등을 첫번째 항목으로 등록하지 않도록 해주세요.**</mark>

<mark style="color:red;">항목에 입력되는 값이 없기 떄문에 임시 자동 숫자 번호가 제목으로 셋팅이 됩니다.</mark>
{% endhint %}