캔버스 노드 조작 및 관리
캔버스에서 노드를 생성, 연결, 조작하는 방법을 알아봅니다.
노드 생성
캔버스 페이지에서 노드를 생성하는 방법은 세 가지가 있습니다.
방법 1: 사이드바에서 드래그 앤 드롭
- 왼쪽 사이드바에서 카테고리별로 구분된 노드 목록을 확인합니다
- 생성하려는 노드를 찾습니다
- 노드를 드래그하여 원하는 위치에 드롭합니다
방법 2: 우클릭 메뉴
- 노드를 생성하려는 위치에서 마우스 오른쪽 버튼을 클릭합니다
- 노드 생성을 클릭합니다
- 노드 생성 창에서 원하는 노드를 선택합니다
방법 3: 출력 포트에서 연결하며 생성
- 기존 노드의 출력 포트를 클릭합니다
- 빈 캔버스로 드래그하여 드롭합니다
- 해당 위치에 노드 생성 창이 표시됩니다
- 원하는 노드를 클릭하면 자동으로 연결된 상태로 노드가 생성됩니다
노드 이동
- 이동하려는 노드의 헤더를 클릭합니다
- 원하는 위치로 드래그 앤 드롭합니다
노드 연결
포트 이해하기
노드에는 포트가 있습니다.
- 왼쪽 포트: 입력 포트
- 오른쪽 포트: 출력 포트
출력 포트와 입력 포트의 타입이 같은 경우에만 연결할 수 있습니다. 포트 위에 마우스를 올리면 타입 설명을 확인할 수 있습니다.
연결 규칙
- ✅ 출력 포트 → 입력 포트 (가능)
- ❌ 출력 포트 → 출력 포트 (불가능)
- ❌ 입력 포트 → 입력 포트 (불가능)
노드 연결하기
- 연결하려는 노드의 출력 포트를 클릭합니다
- 다른 노드의 입력 포트까지 드래그 앤 드롭합니다
- 선이 생성되며 노드가 연결됩니다
다중 포트 연결
동일한 타입의 포트가 2개 이상인 경우, 노드 연결 설정 팝업이 표시됩니다.
- 팝업창에서 연결하려는 포트를 드래그 앤 드롭합니다
- 설정 저장하기를 클릭하여 연결을 완료합니다
노드 실행
일부 노드는 입력 포트가 모두 연결되고 이전 노드 실행이 완료되면 자동으로 실행됩니다. 하지만 일부 노드들은 수동으로 실행해야 하며, 실행하기 버튼을 통해 실행할 수 있습니다.
노드 삭제
노드를 삭제하는 방법은 두 가지가 있습니다.
방법 1: 우클릭 메뉴
- 노드를 마우스 오른쪽 버튼으로 클릭합니다
- 삭제를 클릭합니다
방법 2: 단축키
노드를 선택한 후 단축키를 누릅니다.
- MacOS:
Backspace - Windows:
Delete
노드 다시 실행
- 노드를 마우스 오른쪽 버튼으로 클릭합니다
- 다시 실행을 클릭합니다
- 해당 노드가 실행 조건을 충족하면 다시 실행됩니다
노드 확장/축소
노드 확장
노드 축소 상태일 때 노드 확장 버튼을 클릭하여 노드의 내용을 볼 수 있습니다.
노드 축소
노드 확장 상태일 때 노드 축소 버튼을 클릭하여 이름만 보이는 상태로 축소할 수 있습니다.
노드 확대
- 노드를 마우스 오른쪽 버튼으로 클릭합니다
- 노드 확대를 클릭합니다
- 선택한 노드가 화면 정중앙에 최적 크기로 표시됩니다
노드 복사
방법 1: 우클릭 메뉴
- 복사하려는 노드를 마우스 오른쪽 버튼으로 클릭합니다
- 복사를 클릭합니다
방법 2: 단축키
노드를 선택한 후 단축키를 누릅니다.
- MacOS:
Command + C - Windows:
Control + C
노드 붙여넣기
노드를 복사한 후 붙여넣는 방법은 두 가지가 있습니다.
방법 1: 우클릭 메뉴
- 붙여넣을 위치에서 마우스 오른쪽 버튼을 클릭합니다
- 붙여넣기를 클릭합니다
- 복사한 노드가 생성됩니다
방법 2: 단축키
붙여넣을 위치를 클릭한 후 단축키를 누릅니다.
- MacOS:
Command + V - Windows:
Control + V
노드 복제
- 복제하려는 노드를 마우스 오른쪽 버튼으로 클릭합니다
- 복제를 클릭합니다
- 화면 정중앙에 동일한 노드가 바로 생성됩니다
노드 크기 변경
노드 우측 하단에 빗금 표시가 있는 경우, 해당 부분을 드래그하여 노드 크기를 변경할 수 있습니다.
노드 정렬
노드가 겹쳐 있을 때 앞뒤 순서를 조정할 수 있습니다.
- 정렬하려는 노드를 마우스 오른쪽 버튼으로 클릭합니다
- 정렬을 선택합니다
- 다음 옵션 중 하나를 선택합니다:
- 앞으로: 노드를 한 단계 앞으로 이동
- 뒤로: 노드를 한 단계 뒤로 이동
- 맨 앞으로: 노드를 가장 앞으로 이동
- 맨 뒤로: 노드를 가장 뒤로 이동