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

# Amazon Chime SDK의 웹 애플리케이션 구성 요소 아키텍처 이해
웹 애플리케이션 구성 요소 아키텍처 이해

이 다이어그램은 Amazon Chime SDK 웹 클라이언트 애플리케이션의 아키텍처를 보여줍니다.

![\[Amazon Chime SDK 웹 애플리케이션의 아키텍처를 보여주는 다이어그램입니다.\]](http://docs.aws.amazon.com/ko_kr/chime-sdk/latest/dg/images/architecture-2.png)


웹 애플리케이션은 일반적으로 애플리케이션 비즈니스 로직 계층으로 구동되는 HTML 및 CSS 사용자 인터페이스 계층으로 구성됩니다. 일반 HTML 및 JavaScript로 웹 애플리케이션을 빌드하거나 React 및 Angular와 같은 UI 프레임워크를 사용할 수 있습니다.

웹 애플리케이션의 비즈니스 로직 레이어는 JavaScript API 세트를 통해 JavaScript용 Amazon Chime SDK 클라이언트 라이브러리와 상호 작용합니다. [https://aws.github.io/amazon-chime-sdk-js/classes/defaultmeetingsession.html](https://aws.github.io/amazon-chime-sdk-js/classes/defaultmeetingsession.html)은 SDK의 루트 객체입니다. 서버 애플리케이션을 빌드하는 경우 [https://aws.github.io/amazon-chime-sdk-js/classes/meetingsessionconfiguration.html](https://aws.github.io/amazon-chime-sdk-js/classes/meetingsessionconfiguration.html)을 사용하여 회의 및 참석자 정보로 애플리케이션을 초기화하고 회의에 참여합니다. 또한 DefaultMeetingSession은 [https://aws.github.io/amazon-chime-sdk-js/interfaces/audiovideofacade.html](https://aws.github.io/amazon-chime-sdk-js/interfaces/audiovideofacade.html)를 노출합니다. 이를 사용하면 비즈니스 로직 계층이 조치를 취하고 세션의 기본 상태가 변경될 때 사용자 인터페이스를 업데이트하는 콜백을 등록할 수 있습니다.

JavaScript용 Amazon Chime SDK 클라이언트 라이브러리는 오픈 소스이며 필요에 따라 재정의할 수 있는 사용자 지정 가능한 구성 요소 세트를 갖추고 있습니다. 기본 구현을 사용하면 데모 Meetingv2 애플리케이션과 같은 완전한 통합 커뮤니케이션 애플리케이션을 구축할 수 있습니다. JavaScript용 Amazon Chime SDK 클라이언트 라이브러리는 다른 두 라이브러리에 종속되어 있습니다.
+  브라우저 유형 및 기능 식별을 위한 [ Browser-Detect ](https://www.npmjs.com/package/browser-detect).
+  미디어 세션에 참여하는 데 필요한 신호 명령과 응답을 인코딩 및 디코딩하는 [ ProtoBufJs ](https://www.npmjs.com/package/protobufjs).

또한 Amazon Chime SDK는 브라우저 또는 Electron 애플리케이션에 따라 디바이스 관리 API와 오디오-비디오 세션을 위한 WebRTC 구현을 제공합니다.

JavaScript용 원본 Amazon Chime SDK 클라이언트 라이브러리는 TypeScript에 있지만, TypeScript 컴파일러를 사용하여 이를 JavaScript로 컴파일할 수 있습니다. 그런 다음 Webpack과 같은 모듈 번들러를 사용하여 번들링할 수 있습니다. 모범 사례로 NPM 레지스트리에서 JavaScript용 Amazon Chime SDK 클라이언트 라이브러리를 설치한 다음 CommonJS 환경에서 사용합니다. AWS 또한 [ HTML에 스크립트 태그로 직접 포함하려는 경우 Amazon Chime SDK를 축소된 JS 파일로 번들링하기 위한 롤업 스크립트](https://github.com/aws/amazon-chime-sdk-js/tree/master/demos/singlejs)를 제공합니다.