기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

# HTML 및 JSX를 사용하여 Connect Customer 에이전트 워크스페이스에 대한 뷰 사용자 지정
<a name="customize-views-jsx-sg"></a>

보기 리소스 레이아웃의 모양과 느낌을 사용자 지정할 수 있습니다. 입력 파라미터를 [보기 표시](show-view-block.md) 블록에 전달할 때 HTML 또는 JSX를 사용하여이 작업을 수행합니다.

[보기 표시](show-view-block.md) 블록에서 HTML 또는 JSX를 사용하는 방법의 간단한 예를 보려면 다음 단계를 완료하세요.

1. [보기 표시](show-view-block.md) 블록을 사용하여 흐름을 생성합니다.

1. [보기 표시](show-view-block.md) 블록의 속성 페이지를 엽니다.

1. **보기**의 드롭다운 목록에서 **세부 정보**를 선택합니다.

1.  **섹션** 섹션에서 **JSON 설정**을 선택합니다.

1. 다음 JSON 코드를 복사하여 붙여 넣습니다. 이 코드는 HTML 또는 JSX 표현식이 처리되는 방법을 보여 줍니다.

   **HTML 예제**

   ```
   {
   "TemplateString": 
        "<TextContent>Steps:<ol><li>Customer provides incident information</li><li>Customer provides receipts and agrees with 
            amount</li> <li>Customer receives reimbursement</li></ol></TextContent>"
   }
   ```

   **JSX 예제**

   ```
   {
   "TemplateString":
   "Please provide an introduction to the customers. Ask them how their day is going
   Things to say:
   Hello, how are you today? My name is Bob, who am I speaking to?"
   }
   ```