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

# Amazon DCV 웹 UI SDK
<a name="dcv-viewer"></a>

 JavaScript React 구성 요소 라이브러리로, Amazon DCV 서버를 연결하고 도구 모음을 렌더링하여 원격 스트림과 상호 작용하는 `DCVViewer`라는 단일 React 구성 요소를 내보냅니다.

**Topics**
+ [구성 요소](#Components)

## 구성 요소
<a name="Components"></a>

**Topics**
+ [DCVViewer](#DCVViewer)

### DCVViewer
<a name="DCVViewer"></a>

 React 구성 요소는 원격 스트림과 상호 작용하는 데 유용한 모든 기능을 갖춘 도구 모음을 렌더링합니다.

#### 속성:
<a name="properties"></a>

**Topics**
+ [dcv](#dcv-prop)
+ [uiConfig](#uiConfig-prop)

##### dcv
<a name="dcv-prop"></a>


<table>
<thead>
  <tr><th> 이름 </th><th> Type </th><th> 필수 </th><th> 설명 </th></tr>
</thead>
<tbody>
  <tr><td> <code>dcv</code> </td><td> 객체 </td><td> 예 </td><td> Amazon DCV 서버에 연결하는 데 필요한 속성을 정의하는 객체로, Amazon DCV 웹 클라이언트 SDK 자산을 로드하고 DCV 리소스에 액세스하는 데 필요한 로그 수준 및 URL을 설정합니다.
<table>
<thead>
  <tr><th> 이름 </th><th> Type </th><th> 필수 </th><th> 설명 </th></tr>
</thead>
<tbody>
  <tr><td> <code>sessionId</code> </td><td> 문자열 </td><td> 예 </td><td> Amazon DCV 세션 ID입니다.</td></tr>
  <tr><td> <code>authToken</code> </td><td> 문자열 </td><td> 예 </td><td> 서버에 연결할 때 사용할 인증 토큰입니다.</td></tr>
  <tr><td> <code>serverUrl</code> </td><td> 문자열 </td><td> 예 </td><td> 실행 중인 Amazon DCV 서버의 호스트 이름 및 포트 형식은 다음과 같습니다. https://dcv_host_address:port 예: https://my-dcv-server:8443 </td></tr>
  <tr><td> <code>baseUrl</code> </td><td> 문자열 </td><td> 예 </td><td> SDK 파일을 로드할 절대 또는 상대 URL입니다.</td></tr>
  <tr><td> <code>resourceBaseUrl</code> </td><td> 문자열 </td><td> 아니요 (기본값: <code>""</code>) </td><td> DCV 리소스에 액세스할 수 있는 절대 또는 상대 URL입니다.</td></tr>
  <tr><td> <code>onDisconnect</code> </td><td> 함수 </td><td> 아니요 (기본값: <code>() =&gt; {}</code>) </td><td> Amazon DCV 서버와의 연결이 해제될 때 콜백 함수가 간접적으로 호출되고, 연결이 종료됩니다.</td></tr>
  <tr><td> <code>logLevel</code> </td><td> <a href="dcv-module.md#LogLevel">LogLevel</a> </td><td> 아니요 (기본값: <code>LogLevel.INFO</code>) </td><td> 뷰어에서 사용할 로그 수준입니다.</td></tr>
  <tr><td> <code>observers</code> </td><td> 객체 </td><td> 아니요(기본값: {}) </td><td> 구현을 정의하기 위해 httpExtraHeadersCallback 및 httpExtraSearchParamsCallback을 포함할 객체입니다.
<table>
<thead>
  <tr><th> 이름 </th><th> Type </th><th> 필수 </th><th> 설명 </th></tr>
</thead>
<tbody>
  <tr><td> <a href="dcv-module.md#httpExtraSearchParamsCallback">httpExtraSearchParams</a> </td><td> 함수 </td><td> 아니요 (기본값: <code>() =&gt; {}</code>) </td><td> 인증 및 연결 설정 중에 URL에 사용자 지정 쿼리 파라미터를 주입하기 위해 직접적으로 호출되는 콜백 함수입니다.</td></tr>
  <tr><td> <a href="dcv-module.md#httpExtraHeadersCallback">httpExtraHeaders</a> </td><td> 함수 </td><td> 아니요 (기본값: <code>() =&gt; {}</code>) </td><td> 연결 설정 중에 HTTP 요청에 사용자 지정 헤더를 추가하기 위해 직접적으로 호출할 콜백 함수입니다.</td></tr>
</tbody>
</table>
 </td></tr>
</tbody>
</table>
 </td></tr>
</tbody>
</table>


##### uiConfig
<a name="uiConfig-prop"></a>


<table>
<thead>
  <tr><th> 이름 </th><th> Type </th><th> 필수 </th><th> 설명 </th></tr>
</thead>
<tbody>
  <tr><td> <code>uiConfig</code> </td><td> 객체 </td><td> 아니요 (기본값: <code>{}</code>) </td><td> 도구 모음 표시 여부와 도구 모음에 전체 화면 및 다중 모니터 버튼을 표시할지 여부를 구성하는 속성을 정의하는 객체입니다.
<table>
<thead>
  <tr><th> 이름 </th><th> Type </th><th> 필수 </th><th> 설명 </th></tr>
</thead>
<tbody>
  <tr><td> <code>toolbar</code> </td><td> 객체 </td><td> 아니요 (기본값: <code>{}</code>) </td><td> 도구 모음의 구성 옵션을 정의하는 객체입니다.
<table>
<thead>
  <tr><th> 이름 </th><th> Type </th><th> 필수 </th><th> 설명 </th></tr>
</thead>
<tbody>
  <tr><td> <code>visible</code> </td><td> 부울 </td><td> 아니요 (기본값: <code>true</code>) </td><td> 도구 모음을 표시할지 숨길지 여부를 정의하는 옵션입니다.</td></tr>
  <tr><td> <code>fullscreenButton</code> </td><td> 부울 </td><td> 아니요 (기본값: <code>true</code>) </td><td> 도구 모음에 전체 화면 버튼을 표시할지 숨길지 여부를 정의하는 옵션입니다.</td></tr>
  <tr><td> <code>multimonitorButton</code> </td><td> 부울 </td><td> 아니요 (기본값: <code>true</code>) </td><td> 도구 모음에 다중 모니터 버튼을 표시할지 숨길지 여부를 정의하는 옵션입니다.</td></tr>
</tbody>
</table>
 </td></tr>
</tbody>
</table>
 </td></tr>
</tbody>
</table>