캔버스 편집하기
캔버스는 리소스를 Drag & Drop 하여 클라우드 인프라를 그리고 버전을 관리하고 배포까지 할 수 있는 클라우드 스튜디오의 핵심 서비스입니다.
캔버스로 구성한 인프라는 단순히 시각적 아키텍처로 사용할 수도 있고 원하는 CSP 사에 직접 배포까지 할 수 있습니다.
✂️ 자유롭게 캔버스를 편집해보세요!
다이어그램 옵션 툴 박스 사용법
상단에 위치한 다이어그램 옵션 툴 박스는 캔버스를 꾸밀 수 있는 다양한 기능을 제공합니다.
| 이미지 | 동작 | 기능 |
|---|---|---|
 | 실행 취소 | 한 칸 이전으로 되돌립니다. |
 | 다시 하기 | 한 칸 앞으로 돌아갑니다. |
 | 리소스 리스트 | 리소스 아이콘 리스트를 껐다 켜는 버튼입니다. |
 | 리소스 이름 보여주기 | 이름을 포함한 리소스 아이콘 리스트를 보여주는 버튼입니다. |
 | 뒤로 보내기 | 두 리소스가 겹쳤을 때 선택한 리소스를 뒤로 보냅니다. |
 | 앞으로 보내기 | 두 리소스가 겹쳤을 때 선택한 리소스를 앞으로 보냅니다. |
 | 텍스트 색상 변경하기 | 텍스트 글자의 옵션을 변경할 수 있습니다. |
 | 캔버스 색상 변경하기 | 캔버스 배경색을 변경할 수 있습니다. |
 | 캔버스 테마 변경하기 | 캔버스에서 해당 CSP에 맞게 테마를 변경할 수 있습니다. |
 | 그리드 | 캔버스 그리드를 해제할 수 있습니다. |
 | 화면 비율 | 캔버스 화면비율을 조정합니다 |
 | 전체화면 | 전체화면 모드로 변경할 수 있습니다. |
 | 캔버스 모드 변경하기 | Studio(기능적용) / Diagram(기능제외)으로 모드를 변경 할 수 있습니다. |
캔버스 옵션 툴 박스 사용법
사이드 메뉴에 위치한 캔버스 옵션 툴 박스를 통해 클라우드 스튜디오의 다양한 기능을 이용할 수 있습니다.
| 이미지 | 동작 | 기능 |
|---|---|---|
 | 저장하기 | 현재까지 작성된 캔버스를 저장합니다. |
 | 내보내기 | 캔버스에 작성된 아키텍처의 이미지와 테라폼 코드를 압축파일로 다운로드합니다. |
 | 불러오기 | 실제 클라우드 환경에 배포된 리소스들을 캔버스로 불러옵니다. |
 | 버전저장 | 현재 구성된 캔버스를 버전별로 저장할 수 있습니다. |
 | 버전 커밋 | 이전에 기록된 버전커밋을 확인하고 불러올 수 있습니다. |
 | 비용 계산 | 현재 캔버스에 구성된 리소스의 비용을 예상하여 계산합니다. |
 | 보안진단 | 캔버스로 생성된 테라폼코드에 대한 취약점을 진단합니다. |
 | 유효성 검사 | 캔버스로 생성된 테라폼코드에 대한 유효성 검사를 수행합니다. |
 | 배포하기 | 클라우드 환경에 캔버스로 구성된 리소스들을 실제로 배포합니다. |
 | 마이그레이션 | 캔버스에 구성된 인프라를 다른 클라우드의 인프라로 변환하는 역할을 수행합니다. |
 | 리소스옵션확인하기 | 캔버스로 구성된 리소스들의 옵션을 확인할 수 있습니다. |
 | 테라폼 코드 확인하기 | 캔버스 구성으로 만들어진 테라폼 코드를 확인할 수 있습니다. |
 | 캔버스 구성 확인하기 | 캔버스 구성을 트리형식으로 확인할 수 있습니다. |
 | 리소스 옵션 에러 확인하기 | 설정한 리소스들의 옵션에 대한 에러를 확인할 수 있습니다. |
리소스 Drag & Drop
Drag & Drop은 캔버스를 구성할 수 있는 가장 단순한 기능입니다.
좌측 리소스 리스트에서 원하는 리소스를 끌어다 캔버스에 Drag & Drop 해보세요!
서로 연결될 수 없는 리소스들은 빨간선과 함께 튕깁니다.
리소스 리스트는 캔버스 좌측에 있는 리소스들을 모아놓은 패널입니다.
리소스 연결하기
캔버스에 Drag & Drop 한 리소스들을 연결 가능한 리소스들끼리 선으로 연결시켜줍니다.
리소스 유형
리소스는 크게 아래의 네 가지 유형으로 나눠집니다. 아래의 리소스 목록을 참고하여 캔버스 리소스들을 연결시켜줍니다.
| 이미지 | 이름 | 설명 |
|---|---|---|
 | 기본형 | 그룹 안에 속할 수 있는 리소스들을 보여줍니다. |
 | 연결형 | 해당 리소스에 연결될 수 있는 리소스 목록을 보여줍니다. |
 | 그룹형 | 해당 그룹에 속할 수 있는 리소스 목록을 보여줍니다. |
 | Tools | 캔버스 툴 목록을 보여줍니다. |
리소스 옵션 편집
리소스를 더블 클릭하여 리소스 설정값을 변경할 수 있는 편집창을 열어줍니다.
자세히 보기 아이콘을 클릭하여 해당 리소스에 대한 설명을 확인할 수 있습니다.
❓ 물음표 아이콘에 마우스를 가져다 대면 각 옵션에 대한 설명을 확인할 수 있습니다. 설명을 참고하여 원하는 값들을 설정해 줍니다.
오류 수정하기
🔴 빨간 점은 해당 리소스에 오류가 있다는 표시입니다. 오류가 있으면 캔버스를 저장 및 배포할 수 없습니다.
오류를 해결하기 위해 캔버스에서 오류가 난 리소스를 더블 클릭하여 캔버스 오류창을 열어줍니다.
캔버스 오류창에서 수정하려는 특정 오류를 더블 클릭하면 오류가 난 곳으로 이동합니다. 오류 원인을 참고하여 오류들을 수정합니다.
오류의 종류
| 종류 | 설명 |
|---|---|
| value | 입력값이 잘못된 경우 발생하는 오류 |
| group | 어떠한 그룹에 속해있지 않은 경우 발생하는 오류 |
| line | 필요한 리소스가 연결되어 있지 않은 경우 발생하는 오류 |