# 페이지 기능 - 출석체크

***

**출석체크란?**

**커뮤니티 및 이벤트로 사용할 수 있는 메뉴로 게시판과 비슷하지만, 출석 댓글 기능 및 마감 기능이 있다는 점에서 차이점이 있어요!**

따라서 출석체크는 게시판이 아닌 서비스관리 메뉴에서 이용할 수 있구요.

다양한  출석체크 이벤트로 앱 회원들의 참여를 이끌어낼 수 있습니다.

매뉴얼을 통해서출석체크 페이지를 앱에 적용하는 방법을 확인해주세요.

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FCBHmGWW0qsdJpYdxpKXO%2F%EC%88%98%ED%8F%89%EC%84%B1.PNG?alt=media\&token=b5cbc908-0f85-4e68-8688-6cd68b95754e)

## &#x20;**STEP1.출석체크 등록하기**

출석체크 등록방법은 아래 매뉴얼을 통해 확인해주세요.

먼저 출석체크 페이지를  만든 후, 앱에 적용할 수 있습니다.

출석체크 등록은 앱운영 – 서비스관리에서 만들 수 있으며 상세 매뉴얼을 확인해주세요.

{% embed url="<https://wp.swing2app.co.kr/documentation/appmanage/service/attendance-check/>" %}

![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC1_2020.03.png)

[앱운영 페이지 → 서비스관리 → 출석체크 ](http://www.swing2app.co.kr/view/attendance_board)메뉴로 이동합니다.

### <mark style="color:blue;">**1. 출석체크 등록하기**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC_2.png" alt=""></div>

**출석체크 관리에서 글을 입력합니다.**

1\) 출석 이벤트 제목을 입력합니다.

2\) 내용을 입력합니다.

3\) 이벤트에 들어갈 이미지를 첨부합니다.

4\) 작성이 완료되면 게시하기를 선택해주세요.

작성이 완료되면 출석체크 이벤트 글이 등록되요.

<mark style="color:purple;">**\*푸시 발송도 가능해요! 출석 이벤트를 앱 회원들에게 알리고자 할때는 푸시설정 버튼을 선택해서 푸시 알림을 보낼 수 있습니다.**</mark>

### <mark style="color:blue;">**2. 출석체크 자동등록**</mark>

**\*설정한 주기에 맞춰 출석체크 게시물을 자동으로 게시되고자 할 때 이용해주세요!!**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC_4.png)

출석체크는 자동등록은 설정한 반복주기에 따라 게시물을 자동으로 게시되게 할 수 있습니다.

1\) 출석체크 자동등록하기에 체크해주세요.

2\) 출석 이벤트 제목을 입력합니다.

3\) 이벤트 내용을 입력합니다.

4\) 이벤트에 들어갈 이미지를 첨부합니다.

5\) 반복주기- 매주, 매일, 특정 요일, 시간 대를 선택해서 주기를 설정합니다.

<mark style="color:red;">\*\* 자동 등록 설정 역시 푸시 설정을 등록할 수 있습니다.</mark>

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FCBHmGWW0qsdJpYdxpKXO%2F%EC%88%98%ED%8F%89%EC%84%B1.PNG?alt=media\&token=b5cbc908-0f85-4e68-8688-6cd68b95754e)

## **STEP2.출석체크 앱에 적용하기**

출석체크 등록이 완료되면, 앱에 적용해야하겠죠?

앱제작 – STEP3 페이지로 이동해서, 출석체크를 앱에 적용해볼게요!

![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC.png)

앱제작 화면 이동

1\)STEP3 페이지 단계로 이동합니다.

2\)새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3\) 메뉴 이름 입력

4\) 페이지 디자인에서 \[기본 기능] -\[페이지]를 선택해주세요.&#x20;

5\) ‘출석체크’ 페이지를 찾아서 \[적용하기] 버튼을 선택해주세요.&#x20;

(페이지에 마우스 커서를 가져다 대면 적용하기 버튼이 열립니다)

6\) 화면 상단 \[저장]버튼을 누르면 앱에 적용됩니다.&#x20;

{% hint style="info" %}
\*미리보기 버튼을 선택하면 해당 페이지가 어떻게 보여지는지 웹 미리보기(가상머신)으로 확인가능하구요.

\*페이지 적용 후에 가상머신을 통해서도 해당 페이지가 어떻게 앱에 적용되는지 확인 가능합니다.

\*제작 단계 중 메뉴 아이콘 , 메뉴 설정은 필수 입력 항목이 아닙니다.

해당 매뉴얼에서는 입력 없이 진행했으며, 앱 제작시 필요할 경우 추가로 적용해주세요.
{% endhint %}

<mark style="color:red;">**\*퀵 메뉴**</mark>

앱제작에서 출석체크 페이지로 바로 이동 가능합니다.

![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC2.png)

출석체크 페이지 \[관리하기] 버튼 선택 → \[출석체크 관리] 버튼을 선택하면 앱운영 출석체크 페이지로 이동합니다.

새로운 출석체크 등록이나, 수정이 필요할 경우 앱제작 메이커에서 바로 이동하여 관리할 수 있습니다.

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FCBHmGWW0qsdJpYdxpKXO%2F%EC%88%98%ED%8F%89%EC%84%B1.PNG?alt=media\&token=b5cbc908-0f85-4e68-8688-6cd68b95754e)

## **STEP3.앱 실행화면 – 출석체크 확인**

앱을 실행하여 출석체크가 어떻게 앱에서 실행되는지 확인해볼게요!

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC3_20.03.png" alt=""></div>

출석체크 게시물을 확인하면, 출석체크 등록시 입력했던 게시물 내용과 이미지를 확인할 수 있어요.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC4_20.03.png" alt=""></div>

게시글 하단에 \[출석체크 이벤트 참여]에 댓글을 달아서 참여할 수 있습니다.&#x20;

**▶출석체크 이벤트 마감**

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC5_20.03.png" alt=""></div>

이벤트를 마감하게 되면, 앱에서도 ‘마감된 이벤트’라고 창이 뜨게 됩니다.

**▶ 앱 운영자 대시보드 확인**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC6_20.03.png)

앱 운영자는 앱운영 대시보드 – 출석체크 페이지에서 출석체크 게시물에 달린 댓글을 확인할 수 있구요.

\*어플리케이션 내에서 확인 X, 스윙투앱 홈페이지 내 앱운영 페이지에서 확인 가능합니다.&#x20;

사용자 이름을 선택하면, 해당 회원 정보를 확인할 수 있습니다.

***

## **STEP4. 출석체크 통계 현황 조회**

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FXcqWZBfljRXmLBI9ZgZg%2F%EC%B6%9C%EC%84%9D1.png?alt=media&#x26;token=2400bb1d-7dc9-488e-b07c-18b8c15f6fa8" alt=""><figcaption></figcaption></figure>

**\*관리자가 사용자들의 출석체크 현황을 확인하는 메뉴입니다.**&#x20;

출석 체크에 참여한 사용자들의 상세 통계를 확인할 수 있습니다.

사용자들이 출석체크에 참여하면, 관리자는 ‘통계 현황 조회’ 에서 출석 체크 통계를 확인할 수 있습니다.

조회 기간을 설정하면 출석체크에 참여한 사용자(아이디, 이름), 참석율, 출석일을 상세히 조회할 수 있습니다.

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FWWXQcTh0M2oLFxOJhHXC%2F%EC%B6%9C%EC%84%9D2.png?alt=media&#x26;token=cee173bc-7a0f-46d0-a8ae-bb8d54ff031b" alt=""><figcaption></figcaption></figure>

1\)기간 적용 탭에서 통계 확인을 원하는 기간을 설정하여 확인할 수 있구요.

2\)사용자별 참석율 확인이 가능합니다.

3\)\[출석일 조회하기] 버튼을 탭하면 조회한 해당 사용자가 특정 기간 동안 출석한 일자를 확인할 수 있습니다.

{% hint style="success" %} <mark style="color:green;">**통계 활용 방법**</mark>

1\)사용자들이 얼마나 출석 참여를 했는지 확인 \*전체 통계 확인

2\)사용자별 출석 체크 현황 조회 \*사용자 개별 통계 확인

3\)특정 기간 동안의 사용자 출석일 조회&#x20;

4\)이벤트 진행시, 출석 체크 참여가 가장 많은 사용자를 선별할 때 사용

5\)출석부 기능으로 이용할 때에도, 통계 기능을 100%활용할 수 있습니다.
{% endhint %}

***

## **STEP5.&#x20;**&#x20;**출석체크 마감**&#x20;

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EC%B6%9C%EC%84%9D%EC%B2%B4%ED%81%AC_3.png" alt=""></div>

출석체크는 \[마감] 기능이 있어요.

해당 이벤트 기간이 완료되면 출석체크 글을 마감하여 이벤트 종료를 할 수 있답니다.

출석체크 게시판 - 작성된 게시물 오른쪽에 '마감' 버튼이 있습니다.&#x20;

출석 이벤트 진행 후, 기간이 완료되면 \[마감] 버튼을 눌러서 글을 마감시켜주세요.

수정 및 삭제도 가능하니 원하는 기능을 사용해주세&#xC694;**.**

***


---

# 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/v3/step3-page/attendance-check.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.
