# 3. 첫 번째 노드 만들고 실행하기

### 3-1. 채팅으로 지시하기

![Image](https://upload.cafenono.com/image/slashpageHome/20260320/154316_fI4cej8Om5psZUQCyd)

예시로 "네이버에 접속해줘"라고 입력하고 Enter를 누릅니다.

Enter를 누르면:

1. 입력창이 비워집니다

2. 흐름도에 **"노드 계획 중..."** 이라는 임시 블록이 나타납니다

3. AI가 지시를 분석합니다 (보통 2~5초)

### 3-2. 생성된 노드 확인하기

AI가 노드 생성을 완료하면 로딩 노드가 사라지고 실제 노드가 나타납니다.

![Image](https://upload.cafenono.com/image/slashpageHome/20260320/154856_ghkc0MJLKA660TqBX0?q=80&s=1280x180&t=outside&f=webp)

새로 만들어진 블록은 **승인 대기** 상태입니다:

- 테두리가 점선으로 깜빡입니다

- 입력창 위에 **승인 바**가 나타납니다

### 3-3. 노드 승인하기

![Image](https://upload.cafenono.com/image/slashpageHome/20260320/154724_uqQdOHoCQukVL2MiHZ)

승인 바에서 이 작업을 실행할지 결정합니다.

| 버튼 | 단축키 | 뜻 |
| --- | --- | --- |
| **승인** | Enter | 이 작업을 바로 실행합니다 |
| **모두 거절** | Backspace | 이 작업과 뒤에 대기 중인 작업을 모두 삭제합니다 |
| **재생성** | Shift+Enter | AI에게 추가 지시를 줘서 다시 만들게 합니다 |

> 클릭이나 입력 같은 작업은 승인 전에 오른쪽 브라우저 화면에서 AI가 선택한 요소가 맞는지 확인하세요.

![Image](https://upload.cafenono.com/image/slashpageHome/20260320/155539_Z8rBpzKAKVSvuOLp2f)

### 3-4. 노드 실행 모습 지켜보기

승인하면 블록 상태가 바뀝니다:

1. **실행 중**: 블록이 빛나는 효과 + "실행 중" 표시. 브라우저 화면에서 실제로 동작하는 걸 볼 수 있습니다.

2. **완료**: 초록색 체크 표시.

### 3-5. 다음 노드 계속 추가하기

실행이 끝나면 입력창에 자동으로 커서가 돌아옵니다. 계속 다음 지시를 하세요.

```
"검색창에 아이폰 입력해줘"  →  입력 노드 생성
"검색 버튼 클릭해줘"        →  클릭 노드 생성
"첫 번째 상품 가격 추출해줘" →  추출 노드 생성
```

AI가 한 번에 여러 노드를 만들 수도 있습니다. 이 경우 "1/3", "2/3", "3/3"으로 표시되며 하나씩 순서대로 승인합니다.

### 3-6. 노드 재생성하기

AI가 만든 노드가 마음에 들지 않으면 **Regenerate**(Shift+Enter)를 누릅니다.

![Image](https://upload.cafenono.com/image/slashpageHome/20260320/132241_gvKamO31NQcL0O4pXW?q=80&s=1280x180&t=outside&f=webp)

추가 지시사항을 입력하고 Enter를 누르면:

1. 기존 pending 노드가 모두 제거됩니다

2. 그 자리에 "Regenerating plan..." 로딩 노드가 표시됩니다

3. AI가 새로운 지시사항을 반영하여 노드를 다시 계획합니다

4. 완료 후 AI의 재계획 이유가 안내 배너에 표시됩니다

Esc를 누르면 재생성 모드를 취소하고 원래 승인 바로 돌아갑니다.

### 3-7. 노드 삭제하기

캔버스에서 실행 완료된 노드를 호버하면 우측 상단에 빨간 X 버튼이 나타납니다 (Start 노드는 삭제 불가).

클릭하면 삭제 확인 모달이 뜹니다. 확인하면 노드가 삭제되고 전후 노드가 자동으로 재연결됩니다.

For the site tree, see the [root Markdown](https://slashpage.com/xeona.md).