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

# 의 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. **확대** - 캔버스를 확대 및 축소합니다.