# 게시판 종류, 디자인스타일

스윙투앱은 여러 스타일의 게시판을 제공하고 있습니다. 

사용자분들은 스타일을 확인하여 게시판을 선택해주시면 되구요.

매뉴얼을 통해서 여러 스타일의 게시판 디자인을 소해드리니, 앱을 운영하는 스타일에 맞게 적용해주세요 

<mark style="color:red;">**★ 게시판은 어디서 만들 수 있나요?**</mark>

[스윙 앱운영 페이지 → 서비스관리 → 게시판관리](http://www.swing2app.co.kr/view/board_edit) → \[게시판 생성] 버튼을 선택하면,

&#x20;게시판 UI및 기능을 선택할 수 있습니다. <br>

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FL4hbiFJ0MdbigOlEMhrn%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=79023048-a238-4760-8fba-2a717d36db6d" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">**1. 이미지 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/01_%EC%9D%B4%EB%AF%B8%EC%A7%80-%EA%B2%8C%EC%8B%9C%ED%8C%90.png" alt=""></div>

### <mark style="color:blue;">**2. 타임라인(자유)게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/02_%ED%83%80%EC%9E%84%EB%9D%BC%EC%9D%B8-%EA%B2%8C%EC%8B%9C%ED%8C%90.jpg" alt=""></div>

### <mark style="color:blue;">**3. 목록형 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/03_%EB%AA%A9%EB%A1%9D%ED%98%95-%EA%B2%8C%EC%8B%9C%ED%8C%90.png" alt=""></div>

### <mark style="color:blue;">**4. 아코디언(공지사항) 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/04_-%EC%95%84%EC%BD%94%EB%94%94%EC%96%B8%EA%B3%B5%EC%A7%80%EC%82%AC%ED%95%AD-%EA%B2%8C%EC%8B%9C%ED%8C%90.png" alt=""></div>

### <mark style="color:blue;">**5. 섬네일 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/05_%EC%8D%B8%EB%84%A4%EC%9D%BC%ED%98%95-%EA%B2%8C%EC%8B%9C%ED%8C%90.png" alt=""></div>

### <mark style="color:blue;">**6. 큰이미지 목록형 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/06_%ED%81%B0%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%AA%A9%EB%A1%9D%ED%98%95-%EA%B2%8C%EC%8B%9C%ED%8C%90.png" alt=""></div>

### <mark style="color:blue;">**7. 중간이미지 목록형 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/07_%EC%A4%91%EA%B0%84-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%AA%A9%EB%A1%9D%ED%98%95-%EA%B2%8C%EC%8B%9C%ED%8C%90.png" alt=""></div>

### <mark style="color:blue;">**8. 대화(그룹채팅) 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/08_%EB%8C%80%ED%99%94%EA%B7%B8%EB%A3%B9%EC%B1%84%ED%8C%85-%EA%B2%8C%EC%8B%9C%ED%8C%90.png" alt=""></div>

<mark style="color:red;">**\*관리자와 1:1 채팅을 할 수 있는 \[관리자 채팅] 은 게시판 기능이 아닌, 스윙 페이지에서 제공하는 기능이에요.**</mark>

**\*이용방법**

앱제작 페이지 → 페이지메뉴 → 메뉴유형: 스윙 페이지 선택 → \[불러오기] 버튼 선택 → 스윙 페이지 창에서 ‘관리자 채팅’ 적용 후 저장해주시면 앱에 반영 됩니다.&#x20;

### <mark style="color:blue;">**9. 위치등록 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/09_2_%EC%9C%84%EC%B9%98%EB%93%B1%EB%A1%9D-%EA%B2%8C%EC%8B%9C%ED%8C%90.jpg" alt=""></div>

### <mark style="color:blue;">**10. 스탬프 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/10_%EC%8A%A4%ED%83%AC%ED%94%84%EA%B2%8C%EC%8B%9C%ED%8C%90.png" alt=""></div>

### <mark style="color:blue;">**11. 구글맵 (Google 지도) 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/11_2_%EA%B5%AC%EA%B8%80%EC%A7%80%EB%8F%84-%EA%B2%8C%EC%8B%9C%ED%8C%90.png" alt=""></div>

<mark style="color:red;">\*구글지도를 연동하기 위해서는 구글맵 플랫폼 사이트에서 가입을 하신 뒤에 API 라는 키 값을 발급받아야 합니다.</mark>

<mark style="color:red;">구글맵은 무료로 이용할 수 있는 서비스가 아니라, 구글 자체 플랫폼에서 유료로 제공을 하고 있는 서비스입니다.</mark>

구글맵 이용방법 상세 내용은 해당 매뉴얼을 참고해주세요!

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

**일반 지도를 이용하실 경우 카카오지도 서비스가 연동된 \[9.위치등록 게시판]을 이용해주시면 됩니다.**&#x20;

### <mark style="color:blue;">**12. 캘린더 게시판**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/12_%EC%BA%98%EB%A6%B0%EB%8D%94.png" alt=""></div>