n8n 에디터 UI 완전 정리: 캔버스와 노드 유형

캔버스를 확대·축소하는 버튼 옆에는 이동 방법이 세 가지 있다. Ctrl 키를 누른 채 좌클릭 드래그, 마우스 중간 버튼 클릭 드래그, 터치패드의 두 손가락 슬라이드. 사소해 보이지만 워크플로우가 길어질수록 이 조작을 얼마나 손에 익혔는지가 작업 속도를 가른다. n8n 에디터 UI에서 워크플로우를 실제로 구축하기 전에 알아둘 만한 구성 요소들을 정리한다.

시작하기 전에: 클라우드냐 셀프 호스팅이냐

n8n 클라우드는 설치가 필요 없는 호스팅 솔루션으로 app.n8n.cloud/register 에서 무료 평가판을 받을 수 있다. 자체 호스팅은 Docker 기반 설치가 필요해 기술적 지식이 있는 사용자에게 적합하다. 어느 쪽이든 설정이 끝나면 브라우저에서 로그인해 '오버뷰(Overview)' 메뉴의 '워크플로우 생성(Create Workflow)'으로 새 워크플로우를 시작한다.

좌측 패널과 상단 바

좌측 패널은 워크플로우 바깥의 관리 기능을 모아둔다. 오버뷰에서 모든 워크플로우와 자격 증명(credentials)을 관리하고, 프로젝트에서는 워크플로우와 자격 증명을 그룹화해 사용자 역할을 관리한다(커뮤니티 에디션 제외). 관리자 패널은 n8n 클라우드의 사용량·결제·버전 설정을 다루는 클라우드 버전 전용 메뉴다. 템플릿에서는 사전 제작된 워크플로우로 빠르게 시작할 수 있고, 변수는 워크플로우 간 고정 데이터를 저장·접근하는 기능으로 Pro/Enterprise 플랜에서 제공된다. 그 밖에 실행 내역(모든 실행 기록), 도움말, 업데이트 알림이 있고, 설정은 사용자 이름 옆 '...' 메뉴에서 연다.

상단 바는 지금 열려 있는 워크플로우 자체를 제어한다. 이름은 기본값이 "My workflow"이며 언제든 편집할 수 있고, '+ Add Tag'로 카테고리나 사용 사례별 태그를 붙인다. 활성화/비활성화 토글의 기본값은 비활성화이며, 공유는 Starter·Pro·Enterprise 플랜에서 다른 사용자와 협업할 때 쓴다. 저장은 현재 상태를 저장하고, 히스토리에서는 저장된 이전 버전을 확인할 수 있다.

캔버스: 실제로 노드를 놓는 자리

캔버스는 회색 점선 격자 배경의 작업 공간이다. 확대/축소 버튼으로 화면에 맞게 노드를 정리할 수 있고, 첫 노드를 추가하면 'Test workflow' 버튼이 활성화되어 모든 노드를 순차 실행한다. 노드 패널 버튼(+)으로 노드 패널을 열고, 상단 오른쪽 + 아이콘에 마우스를 올리면 스티키 노트 버튼이 나타나 캔버스에 메모를 남길 수 있다. 아무것도 없는 캔버스에서는 '첫 단계 추가(Add first step)' 지점이 첫 번째 노드가 들어갈 자리를 알려준다.

노드 유형 살펴보기

⤢✕

앱/액션 노드는 데이터를 추가·제거·편집하거나 외부 데이터를 요청·전송하고, 외부 시스템 이벤트를 트리거한다. 트리거 노드는 워크플로우를 시작하며 초기 데이터를 제공한다. 코어 노드는 논리·스케줄링·일반 API 호출 같은 기본 기능을 담당하며 경우에 따라 트리거나 앱 노드로도 분류된다. 클러스터 노드는 여러 노드가 그룹으로 함께 작동하는 형태로, 주로 AI 워크플로우에 쓰인다.

노드 찾기, 추가하기, 제어하기

노드 패널은 캔버스 우측 상단의 + 아이콘, 기존 노드 우측의 + 아이콘, 또는 키보드 Tab 키로 열 수 있다. 원하는 노드를 선택하면 자동으로 선택돼 있던 노드에 연결되고, 패널에서 캔버스로 직접 드래그 앤 드롭할 수도 있다.

노드에 마우스를 올리면 네 개의 아이콘이 뜬다. 재생 아이콘은 노드 실행, 전원 아이콘은 비활성화/활성화, 휴지통 아이콘은 삭제, 줄임표 아이콘은 추가 메뉴다.

워크플로우 예시

단계	설명	사용 노드
1	워크플로우 시작	Schedule 트리거 노드
2	외부 데이터 가져오기	HTTP Request 노드
3	데이터 변환	Function 노드
4	결과 전송	Slack 또는 Email 노드

정기적으로 외부 API에서 데이터를 가져와 처리한 뒤 알림으로 전송하는, 실무에서 가장 자주 보는 형태다. 같은 뼈대에 노드만 바꿔 끼우면 웹사이트 상태를 모니터링해 문제 시 Slack/Email로 알리는 흐름(Schedule → HTTP Request → IF → Slack/Email), 스프레드시트에 저장된 콘텐츠를 정해진 시간에 소셜 미디어에 게시하는 흐름(Schedule → Google Sheets → Switch → 각 소셜 미디어 노드), 웹폼 제출을 감지해 CRM을 갱신하는 흐름(Webhook → 데이터 변환 → CRM), 여러 데이터 소스를 모아 정기 보고서를 만드는 흐름(Schedule → 데이터 소스들 → 데이터 처리 → PDF/Email)까지 만들 수 있다.

여기서 다음으로

에디터 UI에 익숙해졌다면 미니 워크플로우를 직접 만들어보는 게 다음 단계다.

첫 번째 노드로 트리거 유형(스케줄, 웹훅 등) 선택
데이터 소스 노드 추가 및 구성
필요한 데이터 변환 노드 추가
결과 처리를 위한 액션 노드 추가
워크플로우 테스트 및 디버깅
필요에 따라 워크플로우 활성화