07. n8n 화면 구성 쉽게 보기: 초보자가 처음 헷갈리는 메뉴 정리
새 워크플로우를 열면 빈 캔버스만 나와요.
6화에서는 n8n의 기본 메뉴 4가지(Workflows, Templates, Credentials, Executions)를 살펴봤어요. 이번 글에서는 그 안으로 한 걸음 더 들어가 볼게요. 실제로 자동화를 만드는 공간인 워크플로우 편집 화면이에요.
편집 화면은 노드를 추가하고, 연결하고, 실행 결과를 확인하는 공간이에요. 처음 열면 복잡해 보이는데, 실제로 써보면 몇 가지 영역으로 나뉘어져 있고 각자 역할이 명확해요. 이 글에서는 그 구조를 하나씩 풀어볼게요.
편집 화면, 크게 4개 영역으로 나뉜다
워크플로우 편집 화면은 처음에 복잡해 보이지만, 영역을 나눠서 보면 각자 맡은 역할이 있어요.
이 네 가지 영역의 역할을 기억해두면 편집 화면에서 어디를 봐야 할지 기준이 생겨요.
① 캔버스 — 자동화 흐름을 그리는 공간
캔버스는 편집 화면의 중심이에요. 여기에 노드를 올려놓고 선으로 연결해 자동화 흐름을 만들어요.
처음 열면 빈 화면이 나오는데, 여기서 플러스(+) 버튼을 누르거나 중앙에 표시된 "노드 추가" 안내를 눌러서 시작해요.
캔버스에서 자주 쓰는 동작들
② 상단 툴바 — 실행·저장·활성화를 담당하는 곳
상단 툴바에는 워크플로우 상태를 제어하는 버튼들이 있어요. 처음에 이 버튼들을 혼동하면 자동화가 작동하지 않는 원인이 돼요.
| 버튼/항목 | 역할 | 초보자가 자주 헷갈리는 부분 |
|---|---|---|
| Test workflow (수동 실행) | 내가 직접 눌러서 흐름 테스트 | 이 버튼으로 실행한 건 테스트예요. 실제 자동 실행과 달라요. |
| Save (저장) | 현재 상태를 저장 | 저장해도 자동 실행되지 않아요. 활성화와 별개예요. |
| Active 토글 | 트리거 기반 자동 실행 ON/OFF | 이걸 켜야 Schedule Trigger나 Gmail Trigger가 작동해요. |
| 워크플로우 이름 | 이름을 클릭하면 변경 가능 | "My workflow"보다 목적이 드러나는 이름으로 바꿔두세요. |
특히 저장과 활성화는 다른 동작이에요. 워크플로우를 완성하고 저장했는데 아무것도 실행이 안 됐어요. 알고 보니 오른쪽 상단에 Active 토글이 따로 있었어요. 저장만 하면 워크플로우가 보존되는 것이고, Active를 켜야 트리거 조건에 따라 자동으로 실행돼요.
③ 노드 패널 — 원하는 노드를 찾아 추가하는 곳
노드 패널은 사용할 수 있는 노드 목록이에요. 플러스 버튼을 누르면 열려요.
처음 열면 앱 이름이 엄청나게 많아서 당황스러울 수 있어요. 스크롤로 찾으려고 하면 끝이 없어요. 검색창에 내가 연결하려는 서비스 이름(Gmail, Sheets, Telegram)을 입력하면 바로 찾을 수 있어요.
노드 패널에서 노드를 찾는 실용적인 방법
- 서비스 이름으로 검색 — "Google Sheets", "Gmail", "Telegram" 등 앱 이름으로 검색해요
- 기능으로 검색 — "schedule", "webhook", "if" 등 역할로 찾을 수 있어요
- 카테고리 탭 활용 — 트리거 노드와 일반 노드가 구분되어 있는 경우가 많아요
④ 노드 설정 패널 — 각 노드의 세부 동작을 정하는 곳
캔버스의 노드를 클릭하면 오른쪽이나 화면 아래에 설정 창이 열려요. 여기서 이 노드가 정확히 무엇을 할지 정해요.
Credentials만 연결했다고 끝이 아니에요. Google Sheets 권한을 연결해도 "어떤 문서에", "어떤 시트에", "어떤 열에" 넣을지는 설정 패널에서 따로 지정해야 해요. Credentials는 문을 여는 열쇠이고, 설정 패널은 어느 방에서 무엇을 할지 정하는 곳이에요.
노드 설정에서 주로 보게 되는 항목들
| 항목 | 의미 | 예시 |
|---|---|---|
| Operation | 노드가 수행할 작업 종류 | Google Sheets: 행 추가 / 행 읽기 / 행 수정 |
| Credential | 연결할 외부 서비스 계정 | Google 계정, Telegram 봇 토큰 |
| Parameters | 작업에 필요한 세부 설정값 | 저장할 시트 이름, 열 이름, 값 |
| Input / Output 탭 | 이 노드에 들어온 데이터와 처리 결과 | 이전 노드에서 받은 이메일 제목, 처리 후 저장된 행 정보 |
편집 화면에서 데이터가 이동하는 방식 이해하기
n8n에서 노드는 혼자 작동하지 않아요. 이전 노드의 Output이 다음 노드의 Input으로 자동으로 전달돼요. 이 흐름을 이해하지 못하면 노드를 연결해도 원하는 결과가 나오지 않아요.
예를 들어 Gmail 노드가 이메일을 가져오면, 그 Output에는 발신자·제목·본문·날짜 등이 담겨 있어요. IF 노드는 이 Output을 받아서 제목에 "문의"가 있는지 확인하고, Google Sheets 노드는 필요한 값을 받아서 시트에 저장해요.
노드를 실행할 때마다 Output 탭을 눌러서 "다음 노드로 어떤 데이터가 넘어가는가"를 확인하는 습관. 이게 n8n 초보자 시절 가장 빨리 실력을 올려준 방법이에요.
데이터 흐름을 확인할 때 도움이 되는 방법
- 노드 하나를 추가할 때마다 바로 실행해보기
- 실행 후 Output 탭에서 어떤 값이 나왔는지 확인하기
- 다음 노드에서 이전 노드의 값을 정확히 참조하고 있는지 확인하기
- 예상과 다른 값이 나오면 그 노드에서 원인 찾기 (이전 단계로 돌아가지 않아도 됨)
편집 화면에서 초보자가 자주 막히는 4가지
1. 노드 연결 방향을 모른다
노드를 두 개 추가했는데 연결이 안 된다고 생각했어요. 알고 보니 첫 번째 노드의 오른쪽 끝 점에서 두 번째 노드의 왼쪽 끝 점으로 드래그해야 연결이 돼요. 방향이 반대면 연결이 안 돼요.
2. 저장했는데 자동 실행이 안 된다
저장과 활성화는 다른 버튼이에요. Schedule Trigger나 Gmail Trigger 같은 자동 트리거를 쓴다면 상단의 Active 토글을 켜야 실제로 작동해요. 저장만 해서는 트리거 기반 자동 실행이 되지 않아요.
3. 다음 노드에 데이터가 안 넘어가는 것 같다
노드를 연결했는데 다음 단계에 값이 비어 있는 경우, 이전 노드의 Output을 먼저 확인해야 해요. 연결선이 있어도 데이터가 비어 있으면 다음 노드가 처리할 것이 없어요. Output 탭에서 실제로 어떤 값이 나왔는지 확인하는 게 첫 번째 점검 포인트예요.
4. 노드 설정을 완료하지 않고 실행한다
Google Sheets 노드를 추가하고 Credentials만 연결했는데 실행이 안 됐어요. 어떤 문서에, 어떤 시트에, 어떤 값을 저장할지 설정 패널에서 따로 지정해야 해요. Credentials 연결 = 모든 설정 완료가 아니에요.
편집 화면에서 워크플로우를 만드는 순서
지금까지 본 내용을 실제 작업 순서로 정리해볼게요.
편집 화면에서도 지켜야 할 보안 습관
- 노드 설정 화면 캡처 시 Credentials·API 키 값이 보이지 않게 가리기
- 테스트 실행 중 실제 고객 데이터 대신 샘플 데이터 사용하기
- Active 토글을 켜기 전 트리거 조건이 의도한 대로 설정되었는지 재확인하기
- 이메일·메신저 자동 발송 노드는 수동 실행으로 먼저 결과 확인하기
마무리: 편집 화면은 4개 영역만 기억하면 된다
n8n 워크플로우 편집 화면은 크게 4개 영역으로 이루어져 있어요.
- 캔버스 — 노드를 올려놓고 연결하는 메인 작업 공간
- 상단 툴바 — 실행·저장·활성화를 제어하는 버튼들
- 노드 패널 — 추가할 노드를 검색하고 선택하는 목록
- 노드 설정 패널 — 노드의 세부 동작과 데이터를 설정하는 창
처음엔 빈 캔버스가 막막하게 느껴지지만, 트리거 하나 추가하고 → 설정하고 → 수동 실행으로 Output 확인하는 사이클을 반복하면 자연스럽게 익혀져요.
다음 글에서는 n8n 첫 워크플로우를 직접 만들어볼게요. 수동 실행 자동화부터 시작해서, 초보자가 처음 실습할 때 가장 안전하게 완성하는 방법을 정리해볼게요.
※ 이 글은 n8n 비개발자 자동화 시리즈 7화입니다. n8n의 화면 구성과 메뉴는 버전에 따라 달라질 수 있으며, 실제 사용 전에 공식 문서를 함께 확인해주세요.
참고자료
- n8n Docs, Navigating the editor UI
- n8n Docs, Glossary - Canvas
- n8n Docs, Nodes
- n8n Docs, Schedule Trigger node
- n8n Docs, Saving and publishing workflows
- n8n Docs, Edit Fields (Set)
- n8n Docs, How n8n structures data
- n8n Docs, Referencing data
- n8n Docs, Executions
- n8n Docs, Execution data redaction
- n8n Docs, Securing n8n