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

# 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>


|  이름  |  Type  |  필수  |  설명  | 
| --- | --- | --- | --- | 
|  이름  |  Type  |  필수  |  설명  | 
| --- | --- | --- | --- | 
|  이름  |  Type  |  필수  |  설명  | 
| --- | --- | --- | --- | 
|  dcv  |  객체  |  예  |  Amazon DCV 서버에 연결하는 데 필요한 속성을 정의하는 객체로, Amazon DCV 웹 클라이언트 SDK 자산을 로드하고 DCV 리소스에 액세스하는 데 필요한 로그 수준 및 URL을 설정합니다.[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ko_kr/dcv/latest/websdkguide/dcv-viewer.html)  | 
|  sessionId  |  문자열  |  예  |  Amazon DCV 세션 ID입니다. | 
|  authToken  |  문자열  |  예  |  서버에 연결할 때 사용할 인증 토큰입니다. | 
|  serverUrl  |  문자열  |  예  |  실행 중인 Amazon DCV 서버의 호스트 이름 및 포트 형식은 다음과 같습니다. https://dcv\$1host\$1address:port 예: https://my-dcv-server:8443  | 
|  baseUrl  |  문자열  |  예  |  SDK 파일을 로드할 절대 또는 상대 URL입니다. | 
|  resourceBaseUrl  |  문자열  |  아니요 (기본값: "")  |  DCV 리소스에 액세스할 수 있는 절대 또는 상대 URL입니다. | 
|  onDisconnect  |  함수  |  아니요 (기본값: () => \$1\$1)  |  Amazon DCV 서버와의 연결이 해제될 때 콜백 함수가 간접적으로 호출되고, 연결이 종료됩니다. | 
|  logLevel  |  [LogLevel](dcv-module.md#LogLevel)  |  아니요 (기본값: LogLevel.INFO)  |  뷰어에서 사용할 로그 수준입니다. | 
|  observers  |  객체  |  아니요(기본값: \$1\$1)  |  구현을 정의하기 위해 httpExtraHeadersCallback 및 httpExtraSearchParamsCallback을 포함할 객체입니다.[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ko_kr/dcv/latest/websdkguide/dcv-viewer.html)  | 
|  [httpExtraSearchParams](dcv-module.md#httpExtraSearchParamsCallback)  |  함수  |  아니요 (기본값: () => \$1\$1)  |  인증 및 연결 설정 중에 URL에 사용자 지정 쿼리 파라미터를 주입하기 위해 직접적으로 호출되는 콜백 함수입니다. | 
|  [httpExtraHeaders](dcv-module.md#httpExtraHeadersCallback)  |  함수  |  아니요 (기본값: () => \$1\$1)  |  연결 설정 중에 HTTP 요청에 사용자 지정 헤더를 추가하기 위해 직접적으로 호출할 콜백 함수입니다. | 

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


|  이름  |  Type  |  필수  |  설명  | 
| --- | --- | --- | --- | 
|  이름  |  Type  |  필수  |  설명  | 
| --- | --- | --- | --- | 
|  이름  |  Type  |  필수  |  설명  | 
| --- | --- | --- | --- | 
|  uiConfig  |  객체  |  아니요 (기본값: \$1\$1)  |  도구 모음 표시 여부와 도구 모음에 전체 화면 및 다중 모니터 버튼을 표시할지 여부를 구성하는 속성을 정의하는 객체입니다.[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ko_kr/dcv/latest/websdkguide/dcv-viewer.html)  | 
|  toolbar  |  객체  |  아니요 (기본값: \$1\$1)  |  도구 모음의 구성 옵션을 정의하는 객체입니다.[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ko_kr/dcv/latest/websdkguide/dcv-viewer.html)  | 
|  visible  |  부울  |  아니요 (기본값: true)  |  도구 모음을 표시할지 숨길지 여부를 정의하는 옵션입니다. | 
|  fullscreenButton  |  부울  |  아니요 (기본값: true)  |  도구 모음에 전체 화면 버튼을 표시할지 숨길지 여부를 정의하는 옵션입니다. | 
|  multimonitorButton  |  부울  |  아니요 (기본값: true)  |  도구 모음에 다중 모니터 버튼을 표시할지 숨길지 여부를 정의하는 옵션입니다. |