# 편집기 둘러보기

> 홈 화면과 사이드바부터 캔버스, 노드 추가 메뉴, 설정 패널, 실행, 결과, Copilot, 키보드 단축키까지 Nodaro 편집기를 차례로 둘러봅니다.

Source: https://nodaro.ai/ko/docs/get-started/editor-tour

**Nodaro 편집기**는 워크플로를 찾고, 만들고, 실행하는 곳입니다. 주요 화면은 두 가지입니다. 내 작업, 템플릿, 튜토리얼이 있는 **홈 화면**과, 캔버스에 노드를 배치하고 연결하고 설정하고 실행하는 **워크플로 편집기**입니다. 이 둘러보기에서는 두 화면의 각 부분과 그 용도를 소개합니다.

## 홈 화면
로그인하면 홈 화면이 열립니다. 위쪽에는 인사말, 탭 두 개, 그리고 빈 워크플로를 만들어 여는 **새 워크플로** 버튼이 있습니다.

| 탭 | 표시 내용 |
| --- | --- |
| **이어서 하기** | **이어서 작업하기**: 내 워크플로와 프로젝트, 필터, 검색창, **새 프로젝트**, **JSON 가져오기**. |
| **탐색** | **템플릿으로 시작하기**: 사용 사례별로 묶인 템플릿. **실력 키우기**: 튜토리얼과 릴리스 노트. **내 로드맵**: 신규 사용자를 위한 짧은 체크리스트. |

Nodaro Cloud에서는 **이어서 하기** 탭에 Nodaro의 다른 앱으로 가는 링크인 **Nodaro 앱**과 **Copilot** 상자도 표시됩니다. 상자에 워크플로를 설명하고 **만들기**를 클릭하면 [Copilot](https://nodaro.ai/docs/get-started/workflow-copilot)이 새 캔버스에 워크플로를 만들어 줍니다.

**내 로드맵**에는 첫 단계 세 가지가 있습니다. **첫 이미지 만들기**, **노드 2개를 연결해 워크플로 만들기**, **워크플로를 미니앱으로 만들기**입니다. 단계를 완료하면 레벨이 입문자에서 탐험가, 빌더, 크리에이터로 올라갑니다.

## 사이드바
모든 화면의 왼쪽에 있는 사이드바에는 세 개의 섹션이 있습니다.

| 섹션 | 항목 | 여는 화면 |
| --- | --- | --- |
| **워크스페이스** | **프로젝트** | 내 프로젝트와 워크플로가 있는 홈 화면. |
| | **템플릿** | 내 계정으로 복사할 수 있는 완성된 워크플로. [튜토리얼과 템플릿](https://nodaro.ai/docs/get-started/tutorials-and-templates)을 참고하세요. |
| | **튜토리얼** | 튜토리얼이 있는 홈 화면의 **탐색** 탭. |
| | **탐색** | 다른 사람이 공유한 캐릭터, 장소, 오브젝트, 크리처의 커뮤니티 라이브러리. Nodaro Cloud와 Business 에디션. [커뮤니티 라이브러리](https://nodaro.ai/docs/guides/community-library)를 참고하세요. |
| | **미니앱** | 워크플로에서 게시한 앱. 내 앱과 내가 실행할 수 있는 앱이 있습니다. [앱](https://nodaro.ai/docs/concepts/apps)을 참고하세요. |
| **활동** | **실행 기록** | 내 워크플로의 모든 실행과 각 실행의 상태, 소요 시간, 크레딧. |
| | **내 파일** | 내 계정의 이미지, 동영상, 오디오와 저장 공간 사용량. |
| | **갤러리** | 사람들이 Nodaro로 만든 작품이 있는 커뮤니티 갤러리. |
| **계정** | **연동** | 게시용으로 연결한 소셜 계정. 셀프 호스팅 설치에서는 Nodaro Cloud 연결과 내 모델 공급자 키도 있습니다. |
| | **요금제** | 요금제와 크레딧 팩. Nodaro Cloud 전용. |
| | **결제** | 구독과 크레딧 구매 내역. Nodaro Cloud 전용. |
| | **설정** | API 토큰, 갤러리에서 새 결과의 공개 여부, 저장된 기본값, 프롬프트 템플릿 같은 계정 설정. |

**탐색**이라는 이름의 장소는 두 곳입니다. **튜토리얼**은 홈 화면의 **탐색** 탭을 엽니다. **탐색** 항목은 커뮤니티 라이브러리를 엽니다.

크레딧 잔액은 사이드바 맨 위, 로고 아래에 있습니다. 아래쪽에는 **언어 선택기**와 라이트 모드 또는 다크 모드를 고르는 **테마 전환** 버튼이 있습니다. 그곳의 버전 레이블을 클릭하면 릴리스 노트가 열립니다.

## 워크플로 편집기 한눈에 보기
워크플로를 열면 편집기에 다음 영역이 표시됩니다.

| 영역 | 위치 | 용도 |
| --- | --- | --- |
| 상단 바 | 위쪽 | **프로젝트로 돌아가기**, 워크플로 이름, 저장 상태, **내보내기**와 **가져오기**가 있는 **옵션 더 보기** 메뉴. |
| 편집기 탭 | 위쪽 가운데 | 캔버스를 위한 **편집기**, 공유와 게시를 위한 **프레젠테이션**, 실행 기록을 보는 **실행 기록**, 그리고 Nodaro Cloud에서 실행 비용을 보여 주는 **비용**. |
| 노드 사이드바 | 왼쪽 | 탭과 계열별로 묶인 모든 노드. 노드를 클릭하면 추가됩니다. Ctrl+B로 표시하거나 숨깁니다. |
| 캔버스 | 가운데 | 노드와 연결이 있는 곳. |
| 캔버스 도구 모음 | 캔버스 위의 세로 막대 | **노드 추가**, **컴포넌트**, 검색, **내 라이브러리**, **미디어 라이브러리**, **스티커 메모 추가**, **정리**, **모든 결과 지우기**, **실행 취소**, **다시 실행**, **키보드 단축키**. 막대를 끌어 다른 위치로 옮길 수 있습니다. |
| 설정 패널 | 오른쪽 | 연 노드의 설정. |
| 실행 바 | 아래쪽 가운데 | 예상 크레딧이 표시된 **워크플로 실행**. 실행 중에는 진행 상황을 보여 줍니다. |
| Copilot | 왼쪽, 캔버스 옆 | Nodaro Cloud의 [Copilot](https://nodaro.ai/docs/get-started/workflow-copilot) 패널. |

![Nodaro 워크플로 편집기. 위쪽에 편집기, 프레젠테이션, 실행 기록, 비용, Copilot 탭이 있고, 왼쪽에 캔버스 도구 모음, 캔버스에 작은 이미지에서 동영상으로 이어지는 워크플로, 아래쪽에 워크플로 실행이 보입니다.](https://nodaro.ai/docs-media/screens/en/editor/canvas.light.webp)

편집기는 변경할 때마다 몇 초 후에 워크플로를 자동으로 저장합니다. 상단 바에 **저장되었습니다**, **저장 중…**, **저장되지 않음** 또는 **저장에 실패했습니다**가 표시됩니다. 바로 저장하려면 Ctrl+S를 누르세요.

## 캔버스
캔버스는 노드를 배치하고 연결하는 공간입니다. 각 노드는 하나의 작업을 하고, 각 연결은 한 노드의 결과를 다음 노드로 전달합니다. [노드와 연결](https://nodaro.ai/docs/concepts/nodes-and-connections)에서 둘 다 자세히 설명합니다.

- **이동.** 빈 캔버스를 끌거나 스크롤하세요. 확대하거나 축소하려면 두 손가락을 벌리거나 오므리거나, Alt+=와 Alt+-를 누르세요.
- **선택.** 노드를 클릭하면 선택됩니다. 여러 노드를 선택하려면 Shift 키를 누른 채 끌고, 모두 선택하려면 Ctrl+A를 누르세요.
- **클릭한 곳에 노드 추가.** 빈 캔버스를 마우스 오른쪽 버튼으로 클릭하면 그 위치에 **이미지 생성**, **동영상 생성**, **텍스트 / LLM**, **이미지 업로드**, **이미지 업스케일**을 추가할 수 있습니다. **노드 더 보기…**는 전체 **노드 추가** 메뉴를 엽니다.
- **노드 작업.** 노드를 마우스 오른쪽 버튼으로 클릭하면 **실행**, **여기서부터 실행**, **여기까지 실행**, **노드 건너뛰기**, **복제**, **삭제**가 있습니다. 여러 노드를 선택한 경우 **선택 항목 실행**은 선택한 노드만 실행합니다.
- **구성.** **정리**는 노드를 순서대로 배열합니다. [스티커 메모](https://nodaro.ai/docs/nodes/automate/sticky-note)에는 메모를 남길 수 있고, [그룹](https://nodaro.ai/docs/nodes/automate/group)은 관련 노드를 한데 묶습니다.
- **찾기.** **워크플로에서 찾기**는 이 워크플로의 노드를 유형, 이름, 모델, 프롬프트로 검색합니다.
- **실행 취소.** 캔버스 도구 모음의 **실행 취소**와 **다시 실행**, 또는 Ctrl+Z는 편집기가 열려 있는 동안 작동합니다.

## 노드 추가 메뉴
**노드 추가** 메뉴는 노드를 추가하는 메뉴입니다. 모든 노드가 하려는 작업별로 묶여 있습니다.

- 캔버스에서 Tab 키를 누르면 포인터 위치에 노드를 추가합니다.
- 캔버스 도구 모음에서 **노드 추가**를 클릭하세요.
- 노드에서 연결을 끌어 빈 캔버스에 놓으세요. 그러면 그 위치에 연결할 수 있는 노드만 표시되고, 새 노드가 자동으로 연결됩니다.

| 탭 | 내용 |
| --- | --- |
| **자주 사용** | 가장 많이 쓰는 노드의 짧은 목록으로, **만들기**, **편집**, **내 파일 추가**, **한 번 만들어 재사용**, **일괄 처리**, **마무리**의 여섯 그룹으로 나뉩니다. 여기 있는 모든 노드는 각자의 탭에도 있습니다. |
| **이미지** | **내 파일 추가**, **만들기**, **편집 및 보정**, **레퍼런스**, **해석**. |
| **동영상** | **내 파일 추가**, **만들기**, **스토리 및 대본**, **애니메이션 및 연기**, **연장 및 스타일 변환**, **자르기 및 합치기**, **동영상 사운드**, **타이틀, 그래픽 및 자막**, **포맷 및 내보내기**, **분석**. |
| **오디오** | **내 파일 추가**, **음성 및 내레이션**, **보이스**, **음악**, **효과음**, **노이즈 제거 및 분리**, **분석**, **오디오 편집**, **음성 텍스트 변환**. |
| **모델** | 시리즈별로 묶인 모든 모델. 모델을 선택하면 그 모델이 이미 선택된 상태로, 모델을 실행하는 노드가 추가됩니다. 모델 아래에는 [공급자](https://nodaro.ai/docs/nodes/settings/provider)와 [화면 비율](https://nodaro.ai/docs/nodes/settings/aspect-ratio) 같은 **생성 설정** 노드가 있습니다. |
| **에셋** | **캐릭터**, **크리처**, **장소**, **오브젝트**: 모든 이미지와 동영상에서 피사체를 똑같이 유지하는 노드. |
| **자동화** | **트리거**, **콘텐츠 가져오기**, **텍스트**, **목록 및 일괄 처리**, **로직 및 데이터**, **워크플로**, **캔버스**. |
| **게시** | **원클릭**, **플랫폼**, **내보내기**: 결과를 게시하거나 저장하는 노드. |
| **전체** | 모든 탭의 모든 계열을 하나의 목록으로 보여 줍니다. |

**이미지**, **동영상**, **오디오** 탭은 맨 위에 인기 노드를 최대 세 개 보여 줍니다. 또한 조명, 프레이밍, 분위기 같은 [피커](https://nodaro.ai/docs/nodes/creative-controls)가 있는 접힌 **크리에이티브 컨트롤** 블록으로 끝납니다. 열려면 **표시**를 클릭하세요.

**검색.** 검색창에 입력해 이름으로 노드를 찾거나, 이름, 회사, 설정으로 모델을 찾으세요. 현재 탭의 결과가 먼저 나오고, 그다음 모델, 그다음 **다른 탭의 항목**이 각자의 탭 표시와 함께 나옵니다. 화살표 키로 이동하고, Enter 키로 선택하고, Esc 키로 닫으세요.

**자동 연결.** 노드가 선택되어 있고 **자동 연결**이 켜져 있으면 새 노드가 그 노드에 연결됩니다. 작은 대화 상자에서 새 노드의 이름을 정하고 연결을 선택하거나, **연결하지 않음(추가만)** 옵션을 선택할 수 있습니다.

![자주 사용 탭이 열린 노드 추가 메뉴. 탭 막대, 검색창, 텍스트, 이미지 생성, 동영상 생성으로 시작하는 만들기 그룹이 보입니다.](https://nodaro.ai/docs-media/screens/en/editor/node-picker.light.webp)

[노드 레퍼런스](https://nodaro.ai/docs/nodes)에서 모든 노드를 탭별로 설명합니다.

## 설정 패널
**설정 패널**에는 노드 하나의 모든 설정이 표시됩니다. 패널을 열려면 노드를 더블클릭하거나, 노드를 선택한 상태에서 Enter 키를 누르거나, 노드 아래 막대의 설정 버튼을 클릭하세요. 닫기 버튼이나 Esc 키로 닫습니다.

패널에는 위에서부터 다음 항목이 표시됩니다.

- **레이블**: 캔버스에 표시되는 노드의 이름. 레이블을 알기 쉽게 붙이면 큰 워크플로도 읽기 쉬우며, 레이블을 [프롬프트 변수](https://nodaro.ai/docs/concepts/prompt-variables)로 사용할 수 있습니다.
- **프리셋**: 이 노드에 저장된 설정의 메뉴. [프리셋](https://nodaro.ai/docs/concepts/presets)을 참고하세요.
- **노드의 설정**: **공급자**, **프롬프트**, **화면 비율**, **길이** 등. 설정은 선택한 모델에 따라 달라집니다.
- **앞뒤 텍스트**: 프롬프트가 있는 노드에서, 실행할 때 프롬프트 앞뒤에 추가되는 텍스트. [프롬프트 앞뒤 텍스트](https://nodaro.ai/docs/concepts/prompt-pre-post-text)를 참고하세요.
- **결과**: 노드에 결과가 있을 때 표시되는 노드의 결과.
- **반복**: 생성 노드에서, 한 번의 클릭으로 노드를 최대 20번 실행합니다.
- **이 노드 실행**과 **여기서부터 실행**.

**전체 화면으로 확장**을 클릭하면 패널이 창 전체를 차지하므로, 피커의 옵션을 둘러볼 때처럼 넓은 화면이 필요할 때 편리합니다. Ctrl+I도 같은 기능을 합니다.

## 노드의 문서 페이지 열기
모든 노드는 이 문서의 해당 페이지로 연결됩니다. 페이지는 새 탭에서 열립니다.

| 위치 | 여는 페이지 |
| --- | --- |
| 노드를 가리키거나 선택하면 노드 위에 나타나는 **?** 버튼 | 노드의 페이지 |
| 노드를 마우스 오른쪽 버튼으로 클릭하거나 **•••** 버튼을 클릭하면 열리는 노드 메뉴의 **이 노드 알아보기** | 노드의 페이지 |
| 설정 패널 헤더의 **문서** | 노드의 페이지. **설정** 섹션이 있으면 그 섹션이 열립니다. **문서**를 가리키면 노드의 한 줄 요약, 페이지의 각 섹션 칩, **전체 문서 열기**가 있는 카드가 표시됩니다. |
| 설정 패널의 모델 선택 옆에 있는 **모델 비교** | 노드 페이지의 **모델** 섹션. 페이지에 이 섹션이 있는 노드에서 사용할 수 있습니다. |

페이지는 해당 언어로 된 문서가 있으면 앱의 언어로, 없으면 영어로 열립니다. 아직 페이지가 없는 노드는 [노드 레퍼런스](https://nodaro.ai/docs/nodes)를 엽니다. `brand.platformLinks: false`로 플랫폼 문서 링크를 숨긴 배포에서는 이 링크도 숨겨집니다. [에디션과 프로필](https://nodaro.ai/docs/self-hosting/editions-and-profiles)을 참고하세요.

## 노드와 워크플로 실행
| 버튼 | 위치 | 실행되는 것 |
| --- | --- | --- |
| **실행** | 노드 아래 막대 | 앞 노드들의 현재 결과를 사용해 이 노드만 실행합니다. |
| **여기서부터 실행** | 텍스트 노드 아래, 마우스 오른쪽 버튼 메뉴, 또는 설정 패널 | 이 노드와 그 뒤의 모든 노드를 순서대로 실행합니다. |
| **선택 항목 실행** | 여러 노드를 선택한 상태의 마우스 오른쪽 버튼 메뉴 | 선택한 노드만 실행합니다. |
| **워크플로 실행** | 캔버스 아래쪽 | 워크플로의 모든 노드를 순서대로 실행합니다. Nodaro가 먼저 확인을 요청합니다. |

Nodaro Cloud에서는 각 버튼이 클릭하기 전에 가격을 크레딧으로 보여 줍니다. 노드가 실행되는 동안 **실행** 버튼은 **중지**로 바뀌며, 이 버튼으로 실행을 폐기하거나 다시 실행할 수도 있습니다. [워크플로 실행](https://nodaro.ai/docs/concepts/running-workflows)에서 진행 상황, 중지, 실패, 환불을 설명합니다.

## 결과와 버전
노드가 완료되면 결과가 노드에 나타납니다. 결과를 가리키면 다운로드하거나, 전체 화면으로 열거나, 삭제할 수 있습니다.

노드를 새로 실행할 때마다 결과가 추가되고 이전 결과는 유지됩니다. 노드에 결과가 두 개 이상이면 카운터가 나타납니다. 카운터를 클릭하면 모든 버전을 보고 하나를 고를 수 있습니다. 고른 버전이 다음 노드에 전달됩니다.

캔버스 도구 모음의 지우개 버튼인 **모든 결과 지우기**는 캔버스에서 모든 결과를 제거하고, 프롬프트, 설정, 업로드한 파일은 유지합니다. 파일은 계정에 남고, **실행 취소**로 결과를 되돌릴 수 있습니다. [워크플로 실행](https://nodaro.ai/docs/concepts/running-workflows#clear-all-results)을 참고하세요.

## Copilot
Nodaro Cloud에서 **Copilot**은 설명을 바탕으로 워크플로를 만들고 편집합니다. 편집기 탭 옆의 **Copilot** 버튼, 캔버스 옆의 좁은 **COPILOT** 탭, 또는 Ctrl+J로 패널을 여세요. Copilot은 보는 앞에서 노드를 추가하고 연결하며, 허락 없이 실행을 시작하지 않습니다. [Copilot으로 워크플로 만들기](https://nodaro.ai/docs/get-started/workflow-copilot)를 읽어 보세요.

## 언어와 테마
사이드바 아래쪽의 **언어 선택기**는 메뉴, 피커 카탈로그, 날짜와 숫자, Copilot의 답변까지 앱 전체의 언어를 한 번에 바꿉니다. 로그인한 상태에서는 선택한 언어가 계정에 저장되어 다른 기기에서도 적용됩니다. 노드 이름은 앱의 언어를 따릅니다. 모델 이름은 모든 언어에서 같으며, 캔버스는 왼쪽에서 오른쪽으로 배치되는 레이아웃을 유지합니다. [언어](https://nodaro.ai/docs/concepts/languages)를 참고하세요.

그 옆의 **테마 전환** 버튼은 라이트 테마와 다크 테마를 전환합니다.

## 키보드 단축키
편집기에서 ? 키를 누르면 모든 단축키를 볼 수 있습니다. Mac에서는 이 표의 Ctrl 대신 ⌘ 키를 사용하세요.

| 단축키 | 기능 |
| --- | --- |
| Tab | 포인터 위치에 노드 추가 |
| Enter | 선택한 노드의 설정 패널 열기 또는 닫기 |
| Ctrl+E | 선택한 노드의 프롬프트 편집기 열기 또는 닫기 |
| Ctrl+S | 워크플로 저장 |
| Ctrl+Z | 실행 취소 |
| Ctrl+Shift+Z | 다시 실행 |
| Ctrl+D | 선택한 노드 복제 |
| Delete | 선택 항목 삭제 |
| Ctrl+F | 이 워크플로에서 노드 찾기 |
| Ctrl+K | 프로젝트와 워크플로 검색 |
| Alt+T | 캔버스 정리 |
| Shift+S | 스티커 메모 추가 |
| Ctrl+J | Copilot 패널 표시 또는 숨기기 |
| Ctrl+B | 노드 사이드바 표시 또는 숨기기 |
| Ctrl+M | 미디어 라이브러리 표시 또는 숨기기 |
| Ctrl+L | 내 라이브러리 열기 |
| Alt+F | 선택한 노드의 결과를 전체 화면으로 보기 |
| Esc | 패널 닫기 또는 선택 해제 |

**내 라이브러리**에는 저장한 캐릭터, 장소, 오브젝트, 크리처가 있습니다. **미디어 라이브러리**에는 캔버스에 바로 추가할 수 있는 이미지, 동영상, 오디오가 있습니다. [에셋과 미디어](https://nodaro.ai/docs/concepts/assets-and-media)를 참고하세요.

## 자주 묻는 질문

### 캔버스에 노드를 추가하려면 어떻게 합니까?

캔버스에서 Tab 키를 누르거나 캔버스 도구 모음의 노드 추가를 클릭하세요. 노드 추가 메뉴가 열립니다. 이름으로 노드를 검색하거나 탭을 둘러본 다음 노드를 선택하세요.

### 사이드바의 튜토리얼 항목과 탐색 항목은 어떻게 다릅니까?

튜토리얼은 템플릿과 튜토리얼이 있는 홈 화면의 탐색 탭을 엽니다. 탐색은 다른 사람이 공유한 캐릭터, 장소, 오브젝트, 크리처의 커뮤니티 라이브러리를 열며, Nodaro Cloud와 Business 에디션에서 사용할 수 있습니다.

### 편집기는 워크플로를 자동으로 저장합니까?

네. 편집기는 변경할 때마다 몇 초 후에 저장하며, 상단 바에 “저장되었습니다”, “저장 중…”, “저장되지 않음” 또는 “저장에 실패했습니다”가 표시됩니다. 바로 저장하려면 Ctrl+S를 누르세요.

### 모든 키보드 단축키를 보려면 어떻게 합니까?

편집기에서 물음표 키를 누르거나 캔버스 도구 모음의 키보드 단축키를 클릭하세요. Mac에서는 Ctrl 대신 Command 키를 사용합니다.

### 편집기의 언어를 바꾸려면 어떻게 합니까?

사이드바 아래쪽의 언어 선택기를 사용하세요. 한 번 선택하면 메뉴, 피커 카탈로그, 날짜와 숫자, Copilot 답변의 언어가 모두 바뀝니다.