# 함수 실행

## UI 소개

{% tabs %}
{% tab title="데이터플로우" %}

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2FxArD8Nodecngd0APUhQp%2FScreenshot%200006-12-03%20at%205.45.03%E2%80%AFPM.png?alt=media&#x26;token=ab758037-7c71-460b-a065-b1f1e4a4fb32" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

<table><thead><tr><th width="137" align="center">항목명</th><th width="292" align="center">항목소개</th><th align="center">비고</th></tr></thead><tbody><tr><td align="center">스크립트</td><td align="center">JavaScript 코드 </td><td align="center">return 문으로 다음 태스크에 데이터를 전달합니다.<br>데이터의 형식은 제한이 없습니다.</td></tr></tbody></table>

***

## 사용법&#x20;

* 이전 태스크의 데이터 참조방법은 다음의 예시를 참고해 주세요.

<figure><img src="https://1362923181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PH5ktGI0BWG6g9fvtcn%2Fuploads%2FRy50PAI7UXRU8YpDONUF%2FScreenshot%200006-12-03%20at%206.35.03%E2%80%AFPM.png?alt=media&#x26;token=e147cbf7-ef03-4ef3-acc4-6b75999b43e3" alt="" width="563"><figcaption></figcaption></figure>

* 예시 설명&#x20;
  1. 데이터플로우 상에 태스크 제목 옆 알파벳 기호는 데이터 참조 기호입니다. MySQL 에서 조회한 배열의 첫번째 총합(total) 값을 기준으로 데이터를 가공, 전달하려고 합니다.&#x20;
  2. JavaScript에서 태스크 b에 대한 데이터를 참조하는 방식입니다.&#x20;
  3. 참조한 데이터를 가공하여 다음 태스크에 전달합니다.&#x20;

* 웹훅을 사용한 데이터 활용은 다음 코드를 참조하세요.

```javascript
// 예시) 웹훅을 통해 들어온 Request Body의 데이터를 받는 방법 
const { name, value } = trigger.body; 
```

* 모든 실행 로직과 결과는 기존 JavaScript 실행 방식과 동일합니다.&#x20;

***

## 실행 결과&#x20;

실행결과로 산출된 데이터 확인은 데이터플로우 오른쪽 상단의 **1개의 데이터로 테스트** 버튼을 통해 확인하실 수 있습니다.&#x20;