Canvas Editing

캔버스 편집

노드와 화살표를 사용하여 자동화 시스템의 실행 흐름을 시각적으로 설계합니다. Work 에디터와 Action 에디터를 통해 직관적인 편집이 가능합니다.

에디터 모드

🔷

Work 에디터

System/Flow 내 Work 연결

System이나 Flow를 선택하면 활성화됩니다. Work 노드들 간의 실행 순서를 화살표로 연결하여 전체 작업 흐름을 설계합니다.

Work1

→

Work2

→

Work3

🔶

Action 에디터

Work 내 Action 연결

Work를 더블클릭하거나 선택하면 활성화됩니다. Action 노드들 간의 실행 순서를 화살표로 연결하여 세부 동작을 설계합니다.

Action1

→

Action2

→

Action3

편집 작업

👆

노드 선택

클릭으로 단일 선택, Ctrl+클릭으로 다중 선택, 드래그 박스로 영역 선택이 가능합니다.

Ctrl + Click

✋

노드 이동

선택한 노드를 드래그하여 원하는 위치로 이동합니다. 다중 선택 시 함께 이동합니다.

Drag

🔗

연결 생성

2개 이상의 노드를 선택한 후 리본 메뉴의 "연결" 버튼을 클릭하여 화살표를 생성합니다.

리본 > 연결

🔄

연결 타입 변경

화살표를 선택한 후 "변경" 버튼으로 Start, Finish, Reset 등의 타입을 변경합니다.

리본 > 변경

↔️

연결 방향 반전

화살표의 방향을 반대로 바꿉니다. 실행 흐름의 순서를 변경할 때 사용합니다.

리본 > 반전

🗑️

삭제

선택한 화살표를 삭제합니다. Delete 키 또는 리본 메뉴의 "끊기" 버튼을 사용합니다.

Delete

화살표 타입 (Work 에디터)

A B

시작 인과

A작업이 끝날 후
B작업 시작

A B

리셋 인과

A작업 시작과 동시에
B작업이 리셋

A B

시작리셋 인과

A가 끝나면 B시작과
동시에 A가 리셋

A B

상호리셋인과

A와 B가
서로 리셋

A B

그룹연결

그룹 간 연결
(직선)

방향 선택

A → B

A 노드에서 B 노드 방향으로 연결

B → A

B 노드에서 A 노드 방향으로 연결

편집 팁

💡

빠른 연결: 노드 2개를 순서대로 선택하면 첫 번째에서 두 번째로 향하는 화살표가 생성됩니다.

💡

자동 배치: "재배치" 버튼을 클릭하면 노드들이 자동으로 정렬됩니다.

💡

줌/팬: 마우스 휠로 확대/축소, 휠 드래그로 캔버스 이동이 가능합니다.

💡

Undo/Redo: Ctrl+Z와 Ctrl+Y로 모든 편집 작업을 되돌리거나 다시 실행할 수 있습니다.