본문으로 건너뛰기

캔버스 편집하기

last update: 2023.02.01

캔버스는 리소스를 Drag & Drop 하여 클라우드 인프라를 그리고 버전을 관리하고 배포까지 할 수 있는 클라우드 스튜디오의 핵심 서비스입니다. 캔버스로 구성한 인프라는 단순히 시각적 아키텍처로 사용할 수도 있고 원하는 CSP 사에 직접 배포까지 할 수 있습니다.

✂️ 자유롭게 캔버스를 편집해보세요!

 

리소스 Drag & Drop

Drag & Drop은 캔버스를 구성할 수 있는 가장 단순한 기능입니다. 좌측 리소스 리스트에서 원하는 리소스를 끌어다 캔버스에 Drag & Drop 해보세요! 서로 연결될 수 없는 리소스들은 빨간선과 함께 튕깁니다.

드래그앤드롭 이미지

정보

리소스 리스트는 캔버스 좌측에 있는 리소스들을 모아놓은 패널입니다.

 

 

리소스 연결하기

캔버스에 Drag & Drop 한 리소스들을 연결 가능한 리소스들끼리 선으로 연결시켜줍니다.

리소스 연결 이미지


리소스 유형

리소스는 크게 아래의 네 가지 유형으로 나눠집니다. 아래의 리소스 목록을 참고하여 캔버스 리소스들을 연결시켜줍니다.

이미지이름설명
이미지기본형그룹 안에 속할 수 있는 리소스들을 보여줍니다.
이미지연결형해당 리소스에 연결될 수 있는 리소스 목록을 보여줍니다.
이미지그룹형해당 그룹에 속할 수 있는 리소스 목록을 보여줍니다.
이미지Tools캔버스 툴 목록을 보여줍니다.

 

 

리소스 옵션 편집

리소스를 더블 클릭하여 리소스 설정값을 변경할 수 있는 편집창을 열어줍니다. 자세히 보기 아이콘을 클릭하여 해당 리소스에 대한 설명을 확인할 수 있습니다. ❓ 물음표 아이콘에 마우스를 가져다 대면 각 옵션에 대한 설명을 확인할 수 있습니다. 설명을 참고하여 원하는 값들을 설정해 줍니다.

옵션 편집 이미지

 

 

오류 수정하기

🔴 빨간 점은 해당 리소스에 오류가 있다는 표시입니다. 오류가 있으면 캔버스를 저장 및 배포할 수 없습니다. 오류를 해결하기 위해 캔버스에서 오류가 난 리소스를 더블 클릭하여 캔버스 오류창을 열어줍니다. 캔버스 오류창에서 수정하려는 특정 오류를 더블 클릭하면 오류가 난 곳으로 이동합니다. 오류 원인을 참고하여 오류들을 수정합니다.

오류 수정 이미지

 

오류의 종류

종류설명
value입력값이 잘못된 경우 발생하는 오류
group어떠한 그룹에 속해있지 않은 경우 발생하는 오류
line필요한 리소스가 연결되어 있지 않은 경우 발생하는 오류

 

 

툴 박스 사용법

상단에 위치한 툴 박스는 캔버스를 꾸밀 수 있는 다양한 기능을 제공합니다.

이미지동작기능
실행 취소 이미지실행 취소한 칸 이전으로 되돌립니다.
다시 하기 이미지다시 하기한 칸 앞으로 돌아갑니다.
이미지뒤로 보내기두 리소스가 겹쳤을 때 선택한 리소스를 뒤로 보냅니다.
이미지앞으로 보내기두 리소스가 겹쳤을 때 선택한 리소스를 앞으로 보냅니다.
리소스 리스트 이미지리소스 리스트리소스 리스트를 껐다 켜는 버튼입니다.
화면 비율 이미지화면 비율캔버스 화면비율을 조정합니다
그리드 이미지그리드캔버스 그리드를 해제할 수 있습니다.