이 백서는 기록 참조용입니다. 일부 콘텐츠는 오래되어 일부 링크를 사용하지 못할 수 있습니다.

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

# 웹 애플리케이션
<a name="web-application"></a>

![\[AWS 클라우드 architecture diagram showing client interaction with various AWS 서비스.\]](http://docs.aws.amazon.com/ko_kr/whitepapers/latest/serverless-multi-tier-architectures-api-gateway-lambda/images/web-application.png)


* 웹 애플리케이션의 아키텍처 패턴 *

* 표 3 - 웹 애플리케이션 구성 요소 *


|  티어  |  Components  | 
| --- | --- | 
|  프레젠테이션  |   프런트 엔드 애플리케이션은 모두 create-react-app과 같은 React 유틸리티에서 생성되는 정적 콘텐츠(HTML, CSS, JavaScript 및 이미지)입니다. Amazon CloudFront는 이러한 모든 객체를 호스팅합니다. 웹 애플리케이션을 사용하면 모든 리소스가 브라우저에 다운로드되고 여기에서 실행되기 시작합니다. 웹 애플리케이션은 APIs를 호출하는 백엔드에 연결됩니다.  | 
|  로직  |   로직 계층은 API Gateway REST APIs.  이 아키텍처는 여러 노출된 서비스를 보여줍니다. 애플리케이션의 다양한 측면을 처리하는 Lambda 함수는 여러 개 있습니다. Lambda 함수는 API Gateway 뒤에 있으며 API URL 경로를 사용하여 액세스할 수 있습니다. 사용자 인증은 Amazon Cognito 사용자 풀 또는 페더레이션 사용자 공급자를 사용하여 처리됩니다. API Gateway는 Amazon Cognito와의 즉시 통합을 사용합니다. 사용자가 인증된 후에만 클라이언트는 API 호출 시 사용해야 하는 JSON 웹 토큰(JWT) 토큰을 받습니다. 각 Lambda 함수에는 적절한 데이터 소스에 대한 액세스를 제공하기 위한 자체 IAM 역할이 할당됩니다.  | 
|  데이터  |   이 특정 예제에서는 DynamoDB가 데이터 스토리지에 사용되지만 사용 사례 및 사용 시나리오에 따라 다른 목적별 Amazon 데이터베이스 또는 스토리지 서비스를 사용할 수 있습니다.  |