

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

# 에서 Infrastructure Composer 사용 AWS Toolkit for Visual Studio Code
<a name="using-composer-ide"></a>

이 섹션에서는 AWS Infrastructure Composer 에서를 사용하는 방법을 설명합니다[AWS Toolkit for Visual Studio Code](https://aws.amazon.com//visualstudiocode/). 여기에는의 Infrastructure Composer에 대한 시각적 개요가 포함됩니다 AWS Toolkit for Visual Studio Code. 또한이 환경에 액세스하고 VS Code에서 AWS 클라우드로 프로젝트를 동기화하는 방법을 보여주는 지침도 포함되어 있습니다. 동기화하려면의 **sam sync** 명령을 사용합니다 AWS SAM CLI. 또한이 섹션에서는에서 Infrastructure Composer에 있는 Amazon Q 동안를 사용하는 방법에 대한 지침을 제공합니다 AWS Toolkit for Visual Studio Code.

에서 Infrastructure Composer를 사용하는 방법에 대한 추가 지침은 섹션을 AWS Toolkit for Visual Studio Code참조하세요[작성 방법](using-composer-basics.md). 이 섹션의 내용은이 환경과 Infrastructure Composer 콘솔 환경에 적용됩니다.

**Topics**
+ [의 Infrastructure Composer에 대한 시각적 개요 AWS Toolkit for Visual Studio Code](using-composer-ide-visual.md)
+ [에서 Infrastructure Composer에 액세스 AWS Toolkit for Visual Studio Code](setting-up-composer-access-ide.md)
+ [Infrastructure Composer를 동기화하여에 배포 AWS 클라우드](using-composer-ide-sync.md)
+ [AWS Infrastructure Composer 와 함께 사용 Amazon Q Developer](using-composer-ide-cw.md)

# 의 Infrastructure Composer에 대한 시각적 개요 AWS Toolkit for Visual Studio Code
<a name="using-composer-ide-visual"></a>

의 Infrastructure Composer의 시각적 디자이너 AWS Toolkit for Visual Studio Code 에는 다음 이미지에 번호가 지정되고 아래에 나열된 구성 요소가 포함된 시각적 캔버스가 포함되어 있습니다.

![\[숫자로 항목화된 시각적 캔버스의 구성 요소를 포함한 Infrastructure Composer의 시각적 디자이너입니다.\]](http://docs.aws.amazon.com/ko_kr/infrastructure-composer/latest/dg/images/aac_use_ide_visual_02.png)


1. **리소스 팔레트** - 설계할 수 있는 카드를 표시합니다.

1. **카드 범주** - 카드는 Infrastructure Composer에 고유한 범주별로 구성됩니다.

1. **리소스 검색 창** - 캔버스에 추가할 수 있는 카드를 검색합니다.

1. **목록** - 애플리케이션 리소스의 트리 보기를 표시합니다.

1. **리소스** - 리소스 팔레트를 표시합니다.

1. **왼쪽 창 토글** - 왼쪽 창을 숨기거나 표시합니다.

1. **정렬** - 캔버스에서 애플리케이션 아키텍처를 정렬합니다.

1. **동기화** - AWS Serverless Application Model (AWS SAM) CLI `sam sync` 명령을 시작하여 애플리케이션을 배포합니다.

1. **메뉴** - 다음과 같은 일반 옵션을 제공합니다.
   + **캔버스 내보내기**
   + **캔버스 둘러보기**
   + **설명서** 링크
   + 키보드 바로 가기

1. **리소스 속성 패널** - 캔버스에서 선택한 카드의 관련 속성을 표시합니다. 이 패널은 동적입니다. 표시된 속성은 카드를 구성할 때 변경됩니다.

1. **카드** - 캔버스에 카드 보기를 표시합니다.

1. **라인** - 카드 간의 연결을 나타냅니다.

1. **그룹** - 카드 그룹입니다. 시각적 구성에 대한 카드를 그룹화할 수 있습니다.

1. **포트** - 다른 카드를 가리키는 연결입니다.

1. **카드 작업** - 카드에 대해 수행할 수 있는 작업을 제공합니다.
   + **세부 정보** - **리소스 속성** 패널을 가져옵니다.
   + **그룹** - 선택한 카드를 그룹화합니다.
   + **삭제** - 캔버스 및 템플릿에서 카드를 삭제합니다.

1. **리 센터링** - 애플리케이션 다이어그램을 시각적 캔버스의 리 센터링합니다.

1. **확대** - 캔버스를 확대 및 축소합니다.

# 에서 Infrastructure Composer에 액세스 AWS Toolkit for Visual Studio Code
<a name="setting-up-composer-access-ide"></a>

이 주제의 지침에 따라에서 Infrastructure Composer에 액세스합니다 AWS Toolkit for Visual Studio Code.

**참고**  
에서 Infrastructure Composer에 액세스하려면 먼저 Toolkit for VS Code를 다운로드하여 설치 AWS Toolkit for Visual Studio Code해야 합니다. 지침은 [ VS Code용 도구 키트 다운로드를 참조하세요](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/downloads.html).

**Toolkit for VS Code에서 Infrastructure Composer에 액세스하려면**

다음 방법 중 하나로 Infrastructure Composer에 액세스할 수 있습니다.

1.  CloudFormation 또는 AWS SAM 템플릿에서 Infrastructure Composer 버튼을 선택합니다.

1.  CloudFormation 또는 AWS SAM 템플릿을 마우스 오른쪽 버튼으로 클릭하여 컨텍스트 메뉴를 통해

1. VS 코드 명령 팔레트에서.

다음은 Infrastructure Composer 버튼에서 Infrastructure Composer에 액세스하는 예입니다.

![\[Infrastructure Composer는를 통해 액세스됩니다 AWS Toolkit for Visual Studio Code.\]](http://docs.aws.amazon.com/ko_kr/infrastructure-composer/latest/dg/images/aac_intro_07.gif)


Infrastructure Composer에 액세스하는 방법에 대한 자세한 내용은 [ 도구 키트 AWS Infrastructure Composer 에서 액세스를 참조하세요](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/appcomposer-overview.html#appcomposer-overview-access).

# Infrastructure Composer를 동기화하여에 배포 AWS 클라우드
<a name="using-composer-ide-sync"></a>

 AWS Infrastructure Composer 에서의 **동기화** 버튼을 사용하여 애플리케이션을에 AWS Toolkit for Visual Studio Code 배포합니다 AWS 클라우드.

**동기화** 버튼은 AWS SAM 명령줄 인터페이스()에서 `sam sync` 명령을 시작합니다CLI.

`sam sync` 명령은 새 애플리케이션을 배포하거나 로컬에서 변경한 내용을에 빠르게 동기화할 수 있습니다 AWS 클라우드. 실행에는 다음이 포함될 `sam sync` 수 있습니다.
+ 로컬 `.aws-sam` 디렉터리를 생성하거나 업데이트하여 배포를 위한 로컬 애플리케이션 파일을 준비`sam build`하기 위해 로 애플리케이션을 빌드합니다.
+  AWS 서비스 APIs 지원하는 리소스의 경우 AWS SAM CLI는 APIs를 사용하여 변경 사항을 배포합니다. 는 AWS SAM CLI 클라우드의 리소스를 빠르게 업데이트하기 위해이 작업을 수행합니다.
+ 필요한 경우는 AWS SAM CLI AWS CloudFormation 배포를 수행하여 변경 세트를 통해 전체 스택을 업데이트합니다.

이 `sam sync` 명령은 클라우드 리소스를 빠르게 업데이트하면 개발 및 테스트 워크플로에 도움이 될 수 있는 빠른 개발 환경에 가장 적합합니다.

에 대한 자세한 내용은 *AWS Serverless Application Model 개발자 안내서*의 [sam sync 사용을](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/using-sam-cli-sync.html) `sam sync`참조하세요.

## 설정
<a name="using-composer-ide-sync-setup"></a>

Infrastructure Composer에서 **동기화** 기능을 사용하려면 로컬 시스템에가 AWS SAM CLI 설치되어 있어야 합니다. 지침은 *AWS Serverless Application Model 개발자 안내서*[의 설치를 AWS SAM CLI](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/install-sam-cli.html) 참조하세요.

Infrastructure Composer에서 **동기화** 기능을 사용하면는 AWS SAM CLI 애플리케이션을에 동기화하는 데 필요한 정보에 대한 구성 파일을 참조합니다 AWS 클라우드. 구성 파일 생성, 수정 및 사용에 대한 지침은 *AWS Serverless Application Model 개발자 안내서*의 [ 프로젝트 설정 구성을](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/using-sam-cli-configure.html#using-sam-cli-configure-project) 참조하세요.

## 애플리케이션 동기화 및 배포
<a name="using-composer-ide-sync-use"></a>

**애플리케이션을에 동기화하려면 AWS 클라우드**

1. Infrastructure Composer 캔버스에서 **동기화** 버튼을 선택합니다.

1. 개발 스택으로 작업하고 있음을 확인하는 메시지가 표시될 수 있습니다. 계속하려면 **확인을** 선택합니다.

1. Infrastructure Composer는 다음 옵션을 구성하라는 메시지를 표시할 수 있습니다.
   + **AWS 리전** - 애플리케이션을 동기화할 리전입니다.
   + **CloudFormation 스택 이름** - CloudFormation 스택의 이름입니다. 기존 스택 이름을 선택하거나 새 스택 이름을 생성할 수 있습니다.
   + **Amazon Simple Storage Service(Amazon S3) 버킷** - Amazon S3 버킷의 이름입니다. 는 AWS SAM CLI 여기에 애플리케이션 파일과 함수 코드를 패키징하고 저장합니다. 기존 버킷을 선택하거나 새 버킷을 생성할 수 있습니다.

Infrastructure Composer는 `sam sync` 명령을 시작하고 AWS SAM CLI IDE에서 터미널 창을 열어 진행 상황을 출력합니다.

# AWS Infrastructure Composer 와 함께 사용 Amazon Q Developer
<a name="using-composer-ide-cw"></a>

 AWS Infrastructure Composer 의는 와의 통합을 AWS Toolkit for Visual Studio Code 제공합니다Amazon Q. Infrastructure Composer Amazon Q 내에서를 사용하여 애플리케이션을 설계할 때 AWS 리소스에 대한 인프라 코드를 생성할 수 있습니다.

Amazon Q는 범용 기계 학습 기반 코드 생성기입니다. 자세한 내용은 *Amazon Q Developer 사용 설명서*의 [란 무엇입니까Amazon Q?](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/what-is.html)를 참조하세요.

**표준 리소스** 및 **표준 구성 요소** 카드의 경우 Amazon Q를 사용하여 리소스에 대한 인프라 코드 제안을 생성할 수 있습니다.

![\[Amazon Q Infrastructure Composer에서 코드 제안 생성\]](http://docs.aws.amazon.com/ko_kr/infrastructure-composer/latest/dg/images/aac_use_ide_cw_01.gif)


**표준 리소스** 및 **표준 구성 요소** 카드는 CloudFormation 리소스 또는 리소스 모음을 나타낼 수 CloudFormation 있습니다. 자세한 내용은 [Infrastructure Composer에서 카드 구성 및 수정](using-composer-cards.md)를 참조하세요.

## 설정
<a name="using-composer-ide-cw-setup"></a>

Infrastructure ComposerAmazon Q에서를 사용하려면 도구 키트Amazon Q에서를 사용하여 인증해야 합니다. 지침은 *Amazon Q Developer 사용 설명서*[Amazon Q의 VS Code 및 JetBrains에서 시작하기](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/q-in-IDE.html)를 참조하세요.

## Infrastructure ComposerAmazon Q Developer에서 사용
<a name="using-composer-ide-cw-use"></a>

표준 **리소스 또는 표준 구성 요소 카드의 리소스 속성** 패널Amazon Q Developer에서를 사용할 수 있습니다. **** **** 

**Infrastructure ComposerAmazon Q에서를 사용하려면**

1. **표준 리소스** 또는 **표준 구성 요소** 카드에서 **리소스 속성** 패널을 엽니다.

1. **리소스 구성** 필드를 찾습니다. 이 필드에는 카드의 인프라 코드가 포함되어 있습니다.

1. **제안 생성** 버튼을 선택합니다. Amazon Q가 제안을 생성합니다.
**참고**  
이 단계에서 생성된 코드는 템플릿에서 기존 인프라 코드를 덮어쓰지 않습니다.

1. 더 많은 제안을 생성하려면 **재생성을** 선택합니다. 샘플을 전환하여 결과를 비교할 수 있습니다.

1. 옵션을 선택하려면 **선택을** 선택합니다. 코드를 애플리케이션에 저장하기 전에 여기에서 수정할 수 있습니다. 저장하지 않고 종료하려면 **종료 아이콘(X)**을 선택합니다.

1. 코드를 애플리케이션 템플릿에 저장하려면 **리소스 속성** 패널에서 **저장**을 선택합니다.

## 자세히 알아보기
<a name="using-composer-ide-cw-learn"></a>

Amazon Q에 대해 자세히 알아보려면 *Amazon Q Developer 사용자 설명서*의 [Amazon Q이란?](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/what-is.html)을 참조하세요.