> For the complete documentation index, see [llms.txt](https://docs.crowdworks.kr/crowdworks-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.crowdworks.kr/crowdworks-docs/project/annotation/visual-fields/chat.md).

# Chat

문답형 데이터를 메신저 형태의 화면으로 표현하고자 할 때 사용하는 필드

#### How To..

* 화면을 꾸며주는 Field로  메신저 형태의 화면으로 표현하고자 할 때 사용합니다.

![](https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2F3q1nNFOcQL9BqMIAdCJX%2Fimage.png?alt=media\&token=afbce391-84b3-400d-8670-cc73dade1331)

### 소스 데이터 업로드 형태 

* context : 채팅뷰어 화면에 노출되는 콘텐츠
* answers : 채팅 입력창에 노출되는 콘텐츠로 1건으로 구성
  * answers의 발화자 기준에 따라 채팅화면의 좌우 노출되는 기준이 달라집니다.
  * answers(답변) 값이 없을 경우에? 기본 구조는 맞춰서 업로드가 필요하며, 값이 null인 경우 입력창에 빈값으로 보여집니다.

{% code title="Sample Data" %}

```
{
  "chat": "{
    "context": [
      { "speaker": "A", "speechText": "월요일 너무 싫어." },
      { "speaker": "B", "speechText": "그냥 쉬어버리는 게 어때?" },
      { "speaker": "A", "speechText": "그럼 회사는 어떻게 해?" },
      { "speaker": "B", "speechText": "일하기 싫은데 그냥 휴가 써 버려." },
      { "speaker": "A", "speechText": "안돼. 그러다 큰일 나." }
    ],
    "answers": [
      { "speaker": "B", "speechText": "그러면 별수 없이 출근해야겠다." }
    ]
  }
"}
```

{% endcode %}

### Conditional Logic (단계가 있는 작업이 필요한 경우)

단계가 있는 작업이 필요할 경우 Field간 조건을 설정하여 연결하는 방식입니다.\
설문조사 프로젝트를 진행할 때 사용하면 도움이 됩니다. 

* 예시)

  여자를 선택하면 나이를 입력 할 수 있는 Text Field가 출력되도록 설정

  여자를 선택하지 않을 경우 나이를 입력하는 Text Field는 출력되지 않음

:arrow\_forward: 관련 매뉴얼

{% content-ref url="/pages/koLL7d5d8gIk5ZsNNPRh" %}
[필드간 조건 설정(Conditional Logic)](/crowdworks-docs/project/annotation/conditional-logic.md)
{% endcontent-ref %}

### 사용자 화면 예시 

![](https://3313175057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1akybpWMyP3V9D14yWX%2Fuploads%2FajeXbV8O0ezajJK9Ep0l%2Fimage.png?alt=media\&token=725b5452-d3ff-44a3-af3a-bb8ccaa96724)