노드 연결하기
연결(Connections)은 개별 노드를 강력한 워크플로로 바꾸는 핵심입니다. 노드를 서로 연결해 복잡한 콘텐츠 생성 파이프라인을 만드는 방법을 배워봅시다.
연결 이해하기
연결은 노드들을 이어주는 선입니다. 한 노드에서 다른 노드로 데이터가 흐르는 방식을 나타냅니다.
기본 개념
Prompt Template
[Node A] ──────→ [Node B] Output Input
데이터는 한 노드의 출력(output) 에서 다른 노드의 입력(input) 으로 흐릅니다.
연결 핸들(Connection Handles)
모든 노드에는 연결이 붙는 지점(작은 원)이 있습니다:
| 핸들 위치 | 타입 | 목적 |
|---|---|---|
| 왼쪽 | Input | 다른 노드로부터 데이터를 받음 |
| 오른쪽 | Output | 다른 노드로 데이터를 보냄 |
색상으로 구분된 타입(Color-Coded Types)
연결은 데이터 타입에 따라 색상으로 구분됩니다:
| 색상 | 데이터 타입 | 예시 |
|---|---|---|
| Yellow | Text | 프롬프트, 대본, 설명 |
| Blue | Image | 사진, 그래픽, 생성 이미지 |
| Green | Video | 클립, 애니메이션, 생성 비디오 |
| Orange | Audio | 음악, 음성, 효과음 |
색상이 중요한 이유
색상은 다음을 이해하는 데 도움이 됩니다:
- 노드가 어떤 타입의 데이터를 생성하는지
- 노드가 어떤 타입의 데이터를 입력으로 받는지
- 연결이 유효한지 여부
연결 만들기(Creating Connections)
단계별 가이드
- 출력 핸들 찾기 — 소스 노드 오른쪽의 작은 원
- 클릭 후 유지 — 출력 핸들 위에서
- 드래그 — 커서를 따라 선이 나타납니다
- 입력 핸들에 놓기 — 타겟 노드의 왼쪽
- 연결 생성 완료 — 선이 고정됩니다
시각적 피드백
- 드래그 중: 커서를 따라 선이 움직임
- 유효한 대상: 입력 핸들이 하이라이트
- 연결 완료: 노드 사이에 실선 표시
연결 규칙(Connection Rules)
기본 규칙
- 출력 → 입력 — 항상 오른쪽(출력)에서 왼쪽(입력)으로 연결합니다.
- 출력 1개, 입력 여러 개 — 하나의 출력이 여러 입력으로 연결될 수 있습니다.
- 타입 호환성 — 특정 타입끼리만 연결 가능한 경우가 있습니다.
타입 호환성(Type Compatibility)
| From (Output) | To (Input) | Compatible? |
|---|---|---|
| Text (yellow) | Text input | ✅ Yes |
| Text (yellow) | Image prompt | ✅ Yes |
| Text (yellow) | Video prompt | ✅ Yes |
| Text (yellow) | Audio script | ✅ Yes |
| Image (blue) | Image input | ✅ Yes |
| Image (blue) | Video image input | ✅ Yes |
| Video (purple) | Video input | ✅ Yes |
| Audio (orange) | Audio input | ✅ Yes |
| Image (blue) | Text input | ❌ No |
| Video (purple) | Image input | ❌ No |
텍스트는 특별합니다(Text is Special)
텍스트(노란색) 연결은 가장 유연합니다. 텍스트를 받는 거의 모든 입력에 연결할 수 있습니다:
- Image 노드의 프롬프트 입력
- Video 노드의 프롬프트 입력
- Audio 노드의 스크립트 입력
- 다른 Text 노드의 텍스트 입력
다중 입력 노드(Multi-Input Nodes)
일부 노드는 여러 입력을 받습니다:
Image 노드 예시
Prompt Template
[Text Node] ────→ [Image Node] ←──── [Upload Node] Prompt ↓ Reference Image Generated Image
Image 노드는 다음을 입력으로 받을 수 있습니다:
- Prompt (text) — 무엇을 생성할지
- Reference Image (image) — 스타일 또는 콘텐츠 참고
Video 노드 예시
Prompt Template
[Text Node] ────→ [Video Node] ←──── [Upload Node] Prompt ↓ Starting Image Generated Video
연결 삭제하기(Deleting Connections)
방법 1: 선택 후 삭제
- 연결선을 클릭해 선택합니다.
- Delete 또는 Backspace를 누릅니다.
방법 2: 우클릭
- 연결선에서 우클릭합니다.
- 메뉴에서 Delete를 선택합니다.
방법 3: 드래그로 끊기
- 입력 핸들 쪽 끝을 클릭합니다.
- 노드에서 바깥으로 드래그합니다.
- 빈 공간에서 놓기하면 연결이 제거됩니다.
흔한 워크플로 패턴(Common Workflow Patterns)
선형 체인(Linear Chain)
단순한 순차 작업:
Prompt Template
[Text] → [Image] → [Upscaler]
분기(Branching)
하나의 출력이 여러 노드로 들어갑니다:
Prompt Template
→ [Image Node 1] [Text] ─┤ → [Image Node 2]
병합(Merging)
여러 입력이 하나의 노드로 들어갑니다:
Prompt Template
[Text] ────→ [Video Node] ↑ [Upload] ─────────┘
복잡한 파이프라인(Complex Pipeline)
Prompt Template
[Text] → [Text (AI)] → [Image] → [BG Remover] → [Image (new BG)] → [Upscaler]
효과적인 워크플로 만들기(Building Effective Workflows)
흐름을 계획하기(Planning Your Flow)
연결하기 전에 다음을 생각해 보세요:
- 입력은 무엇인가요? — 텍스트, 이미지, 또는 업로드?
- 출력은 무엇인가요? — 이미지, 비디오, 오디오?
- 중간 단계는? — 처리, 개선이 필요한가요?
예시: 제품 사진 워크플로
목표: 커스텀 배경이 있는 프로급 제품 이미지 만들기
계획:
- 제품 사진 업로드
- 배경 제거
- 새 배경 생성
- 합성 및 개선
- 최종 품질로 업스케일
워크플로:
Prompt Template
[Upload] → [BG Remover] → [Flux Kontext] → [Upscaler] ↑ [Text: "marble surface, studio lighting"]
연결 문제 해결(Troubleshooting Connections)
연결이 만들어지지 않음(Connection Won't Form)
원인:
- 타입이 호환되지 않음(예: image → text input)
- input → input으로 연결하려 함
- output → output으로 연결하려 함
해결:
- 색상(타입) 호환성을 확인하세요
- output → input 방향인지 확인하세요
- 다른 입력 핸들로 시도해 보세요
연결이 이상해 보임(Connection Looks Wrong)
원인:
- 잘못된 입력에 연결됨
- 다른 노드에 연결해야 했음
해결:
- 삭제 후 다시 연결하세요
- 타겟 노드를 다시 확인하세요
워크플로가 제대로 실행되지 않음(Workflow Not Running Correctly)
원인:
- 필요한 연결이 빠짐
- 연결 순서가 잘못됨
- 순환 의존성(루프) 발생
해결:
- 필수 입력이 모두 연결됐는지 확인하세요
- 흐름 방향을 점검하세요
- 워크플로에 루프가 없는지 확인하세요
깔끔한 워크플로를 위한 팁(Tips for Clean Workflows)
정리(Organization)
- 왼쪽→오른쪽 — 흐름 방향을 일관되게 유지
- 노드 간격 — 너무 붙이지 않기
- 노드 정렬 — 그리드를 사용해 깔끔하게
- 관련 노드 그룹화 — 유사 기능을 가까이 배치
네이밍(Naming)
- 캔버스 이름을 설명적으로 짓기
- 텍스트 노드를 “주석(comment)”처럼 활용하는 것도 추천
단순함(Simplicity)
- 단순하게 시작하고 점진적으로 확장하세요
- 단계별로 테스트한 뒤 다음을 추가하세요
- 과도하게 설계하지 마세요—대부분 더 단순한 것이 더 좋습니다
고급 연결 기법(Advanced Connection Techniques)
병렬 처리(Parallel Processing)
여러 변형을 동시에 생성합니다:
Prompt Template
→ [Image Node (Model A)] → [Text] ─┤ ├→ Compare results → [Image Node (Model B)] →
반복적 개선(Iterative Refinement)
AI 텍스트 노드를 체이닝해 프롬프트를 개선합니다:
Prompt Template
[Text (basic)] → [Text (AI: enhance)] → [Text (AI: add details)] → [Image]
조건부 워크플로(Conditional Workflows)
콘텐츠 타입에 따라 서로 다른 경로를 사용합니다:
Prompt Template
[Upload (Portrait)] → [Face Enhancement] → [Upscaler] [Upload (Product)] → [BG Remover] → [New Background] → [Upscaler]
다음 단계
- Running Workflows — 연결된 워크플로 실행하기
- Creating Apps — 워크플로를 재사용 가능한 Apps로 전환하기
- Multi-Step Workflows — 고급 워크플로 기법