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

# Infrastructure Composer 데모 프로젝트 로드 및 수정
<a name="getting-started-demo"></a>

이 자습서를 사용하여 Infrastructure Composer의 사용자 인터페이스에 익숙해지고 Infrastructure Composer 데모 프로젝트를 로드, 수정 및 저장하는 방법을 알아봅니다.

이 자습서는 Infrastructure Composer 콘솔에서 수행됩니다. 완료되면를 시작할 준비가 된 것입니다[Infrastructure Composer를 사용하여 첫 번째 애플리케이션 구축](getting-started-build.md).

**Topics**
+ [1단계: 데모 열기](#getting-started-demo-open)
+ [2단계: Infrastructure Composer의 시각적 캔버스 살펴보기](#getting-started-demo-navigate)
+ [3단계: 애플리케이션 아키텍처 확장](#getting-started-demo-expand)
+ [4단계: 애플리케이션 저장](#getting-started-demo-save)
+ [다음 단계](#getting-started-demo-next)

## 1단계: 데모 열기
<a name="getting-started-demo-open"></a>

데모 프로젝트를 생성하여 Infrastructure Composer 사용을 시작합니다.

**데모 프로젝트를 생성하려면**

1. [Infrastructure Composer 콘솔](https://console.aws.amazon.com/composer)에 로그인합니다.

1. **홈** 페이지에서 **데모 열기**를 선택합니다.

데모 애플리케이션은 다음을 포함하는 기본 생성, 읽기, 삭제 및 업데이트(CRUD) 서버리스 애플리케이션입니다.
+ 5개의 경로가 있는 Amazon API Gateway 리소스입니다.
+  AWS Lambda 함수 5개.
+ Amazon DynamoDB 테이블.

데모 이미지는 다음과 같습니다.

![\[기본 CRUD 서버리스 애플리케이션을 보여주는 Infrastructure Composer 시각적 캔버스입니다.\]](http://docs.aws.amazon.com/ko_kr/infrastructure-composer/latest/dg/images/aac_t1_09.png)


## 2단계: Infrastructure Composer의 시각적 캔버스 살펴보기
<a name="getting-started-demo-navigate"></a>

Infrastructure Composer 데모 프로젝트를 빌드하기 위한 시각적 캔버스의 기능에 대해 알아봅니다. 시각적 캔버스 레이아웃에 대한 개요는 섹션을 참조하세요[시각적 개요](reference-visual.md).

**시각적 캔버스의 기능을 탐색하려면**

1. 새 애플리케이션 프로젝트 또는 기존 애플리케이션 프로젝트를 열면 기본 보기 영역 위에 표시된 대로 Infrastructure Composer가 캔버스 보기를 로드합니다.  
![\[Infrastructure Composer 기본 보기 영역 상단의 Canvas 및 Template 보기 버튼입니다.\]](http://docs.aws.amazon.com/ko_kr/infrastructure-composer/latest/dg/images/aac_t1_02.png)

   애플리케이션의 인프라 코드를 기본 보기 영역에 표시하려면 **템플릿을** 선택합니다. 예를 들어 Infrastructure Composer 데모 프로젝트의 AWS Serverless Application Model (AWS SAM) 템플릿 보기는 다음과 같습니다.  
![\[데모 프로젝트의 템플릿 코드를 보여주는 Infrastructure Composer 템플릿 보기의 스크린샷입니다.\]](http://docs.aws.amazon.com/ko_kr/infrastructure-composer/latest/dg/images/aac_t1_03.png)

1. 애플리케이션의 캔버스 보기를 다시 표시하려면 **캔버스**를 선택합니다.

1. 트리 보기로 구성된 애플리케이션의 리소스를 표시하려면 **목록을** 선택합니다.  
![\[Infrastructure Composer 시각적 캔버스에서 목록 탭이 선택되고 애플리케이션의 트리 보기가 표시됩니다.\]](http://docs.aws.amazon.com/ko_kr/infrastructure-composer/latest/dg/images/aac_t1_05.png)

1. 리소스 팔레트를 표시하려면 **리소스를** 선택합니다. 이 팔레트에는 애플리케이션 아키텍처를 확장하는 데 사용할 수 있는 카드가 있습니다. 카드를 검색하거나 목록을 스크롤할 수 있습니다.  
![\[리소스 팔레트가 선택되고 애플리케이션 아키텍처에서 사용할 수 있는 주요 리소스가 표시됩니다.\]](http://docs.aws.amazon.com/ko_kr/infrastructure-composer/latest/dg/images/aac_t1_10.png)

1. 시각적 캔버스 주위를 이동하려면 기본 제스처를 사용합니다. 자세한 내용은 [캔버스에 카드 배치](reference-navigation.md) 단원을 참조하십시오.

## 3단계: 애플리케이션 아키텍처 확장
<a name="getting-started-demo-expand"></a>

이 단계에서는 DynamoDB 테이블에 Lambda 함수를 추가하여 애플리케이션 아키텍처를 확장합니다.

**DynamoDB 테이블에 Lambda 함수를 추가하려면**

1. 리소스 팔레트(**리소스**)에서 **Lambda 함수** 향상된 구성 요소 카드를 캔버스로 **DynamoDB 테이블** 카드 오른쪽에 드래그합니다.  
![\[데모는 DynamoDB 테이블 옆에 Lambda 함수가 있는 캔버스 보기에 있습니다.\]](http://docs.aws.amazon.com/ko_kr/infrastructure-composer/latest/dg/images/aac_t1_07.png)

1. DynamoDB 테이블을 Lambda 함수에 연결합니다. 연결하려면 **DynamoDB 테이블** 카드의 오른쪽 포트를 클릭하고 **Lambda 함수** 카드의 왼쪽 포트로 끕니다.

1. **정렬**을 선택하여 캔버스 보기에서 카드를 구성합니다.  
![\[데모는 DynamoDB 테이블에 연결된 Lambda 함수가 있는 캔버스 보기에 있습니다.\]](http://docs.aws.amazon.com/ko_kr/infrastructure-composer/latest/dg/images/aac_t1_08.png)

1. Lambda 함수를 구성합니다. 구성하려면 다음 중 하나를 수행합니다.
   + 캔버스 보기에서 **리소스 속성 패널에서 함수의 속성을** 수정합니다. 패널을 열려면 **Lambda 함수** 카드를 두 번 클릭합니다. 또는 카드를 선택한 다음 **세부 정보를** 선택합니다. **리소스 속성 패널에 나열된 구성 가능한 Lambda 함수 속성**에 대한 자세한 내용은 [AWS Lambda 개발자 안내서](https://docs.aws.amazon.com/lambda/latest/dg/index.html)를 참조하세요.
   + 템플릿 보기에서 함수()의 코드를 수정합니다`AWS::Serverless::Function`. Infrastructure Composer는 변경 사항을 캔버스에 자동으로 동기화합니다. 템플릿의 함수 리소스에 AWS SAM 대한 자세한 내용은 *AWS SAM 리소스 및 속성* 참조의 [AWS::Serverless::Function](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/sam-resource-function.html)을 참조하세요.

## 4단계: 애플리케이션 저장
<a name="getting-started-demo-save"></a>

애플리케이션 템플릿을 로컬 시스템에 수동으로 저장하거나 **로컬 동기화**를 활성화하여 애플리케이션을 저장합니다.

**애플리케이션 템플릿을 수동으로 저장하려면**

1. **메뉴에서** **저장** > **템플릿 파일 저장**을 선택합니다.

1. 템플릿의 이름을 입력하고 로컬 시스템에서 템플릿을 저장할 위치를 선택합니다. **저장**을 누릅니다.

**로컬 동기화** 활성화에 대한 지침은 섹션을 참조하세요[Infrastructure Composer 콘솔에서 프로젝트를 로컬로 동기화하고 저장](using-composer-project-local-sync.md).

## 다음 단계
<a name="getting-started-demo-next"></a>

첫 번째 애플리케이션 빌드를 시작하려면 섹션을 참조하세요[Infrastructure Composer를 사용하여 첫 번째 애플리케이션 구축](getting-started-build.md).