# 디엠 채팅방

<h3 align="center"><img src="https://370831306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODJXq0uhOJ46oP3YIDsO%2Fuploads%2F30pNT46TAfXBVD3F3oxR%2F%EC%B6%94%EA%B0%80%EA%B8%B0%EB%8A%A5.png?alt=media&#x26;token=d1d88f10-1a13-4c2f-bf40-7a5c798d985d" alt="" data-size="line"></h3>

<h3 align="center"><strong>디엠·쪽지·채팅 기능</strong></h3>

<p align="center">실시간 채팅이 가능합니다!</p>

<p align="center"><sub><em>+</em></sub> <em> </em><sub><em><mark style="color:purple;">60,000₩</mark></em></sub></p>

<p align="center"></p>

{% hint style="success" %}

* 1:1 채팅 가능
* 단체 채팅 가능 (관리자만 방 생성)
* 모바일 지원
  {% endhint %}

![](https://firebasestorage.googleapis.com/v0/b/ts-boilerplate-b2b14.appspot.com/o/posting%2F%E1%84%8D%E1%85%A9%E1%86%A8%E1%84%8E%E1%85%A1%E1%86%BC.jpg_e92542c5-66dc-4a9e-846c-174f061966c0?alt=media\&token=f1fe366e-482b-454a-8b1f-410b1eaceed1)

{% tabs %}
{% tab title="PC 화면" %}
![](https://370831306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODJXq0uhOJ46oP3YIDsO%2Fuploads%2FeV9oC3KUT2OWGZwD7ym0%2Ffsdfsdff.jpg?alt=media\&token=f45b0b8b-644b-4df5-98b2-2295d99f7b08)
{% endtab %}

{% tab title="Mobile 화면" %}

<figure><img src="https://370831306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODJXq0uhOJ46oP3YIDsO%2Fuploads%2F71H0bMungOOY8pfwIqfY%2Fujjjjjj.jpg?alt=media&#x26;token=dfec7a46-1d20-41fe-8fc2-657df0997eca" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

<br>

> ### **1:1 채팅**

{% hint style="info" %}
쪽지 페이지가 아닌 다른 페이지일때는 오른쪽 상단에 알림박스가 생깁니다.\
귀여운 알림음도 있습니다.

\
멤버 권한이기만 하면 1:1 채팅 생성이 가능합니다.

모든 대화내용은 관리자가 열람 가능합니다.
{% endhint %}

<div align="left"><img src="https://firebasestorage.googleapis.com/v0/b/ts-boilerplate-b2b14.appspot.com/o/posting%2F%E1%84%8E%E1%85%A2%E1%84%90%E1%85%B5%E1%86%BC%E1%84%8E%E1%85%AE%E1%84%80%E1%85%A1.jpg_c57602a7-cb71-4871-b787-50084d45d54d?alt=media&#x26;token=e16c5a4a-5b25-4ead-8eb2-812d51391f79" alt=""></div>

<br>

> ### **브라우저 알림음 추가**&#x20;

브라우저에서 \[**알림 허용**] 을 누르고, 어떤 다른 페이지를 보고 있어도 **디엠 및 알림 소리**를 들을 수 있습니다.

<figure><img src="https://370831306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODJXq0uhOJ46oP3YIDsO%2Fuploads%2FLvsm4e03yugLwkVF2sXy%2Fimage.png?alt=media&#x26;token=10c0a81a-ac9e-4ebf-a61c-71625a921ee8" alt="" width="346"><figcaption></figcaption></figure>

<figure><img src="https://370831306-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FODJXq0uhOJ46oP3YIDsO%2Fuploads%2F6XupHj309hLKAPtPheRH%2Fimage.png?alt=media&#x26;token=b0e93ad0-baa6-486a-89a2-fe8a6106128e" alt="" width="375"><figcaption></figcaption></figure>

> ### **관리자모드**

### **1.  단체방 생성**

\[**관리자모드**] 에서만 단체방 생성이 가능합니다.\
대표아이콘, 방 제목, 설명 등을 추가할 수 있습니다.\
모든 멤버가 체크가능하게 표시됩니다.

![](https://firebasestorage.googleapis.com/v0/b/ts-boilerplate-b2b14.appspot.com/o/posting%2F%E1%84%83%E1%85%A1%E1%86%AB%E1%84%8E%E1%85%A6.jpg_63f82624-1537-4172-932c-55bd3c0b7179?alt=media\&token=80c5d73a-0678-4597-9be8-b1ecdf52c9d6)

### **2.  1:1 채팅 모니터링**

모든 채팅방이 생성순으로 표시됩니다.

<p align="center"></p>