logologo
시작
가이드
개발
플러그인
API
홈
English
简体中文
日本語
한국어
Español
Português
Deutsch
Français
Русский
Italiano
Türkçe
Українська
Tiếng Việt
Bahasa Indonesia
ไทย
Polski
Nederlands
Čeština
العربية
עברית
हिन्दी
Svenska
시작
가이드
개발
플러그인
API
홈
logologo

소개

FlowEngine이란?
FlowEngine과 플러그인의 관계
빠른 시작
학습 로드맵

가이드

FlowModel 등록
FlowModel 생성
FlowModel 렌더링
FlowModel 이벤트 플로우 & 구성
FlowModel 영속성
FlowModel 생명주기
FlowModel 컨텍스트 시스템
반응형 메커니즘: Observable
FlowModel vs React.Component
RunJS 플러그인 확장 포인트

Definitions

ModelDefinition
FlowDefinition
EventDefinition
ActionDefinition
StepDefinition
Next PageFlowEngine이란?
TIP

이 문서는 AI로 번역되었습니다. 부정확한 내용이 있을 경우 영어 버전을 참조하세요

#FlowEngine이란 무엇인가요?

FlowEngine은 NocoBase 2.0에서 새롭게 선보이는 프런트엔드 노코드/로우코드 개발 엔진입니다. 이 엔진은 모델(Model)과 플로우(Flow)를 결합하여 프런트엔드 로직을 간소화하고 재사용성 및 유지보수성을 향상시킵니다. 또한, 플로우(Flow)의 설정 가능한 특성을 활용하여 프런트엔드 컴포넌트와 비즈니스 로직에 노코드 방식의 설정 및 오케스트레이션 기능을 제공합니다.

#왜 FlowEngine이라고 부를까요?

FlowEngine에서는 컴포넌트의 속성과 로직이 더 이상 정적으로 정의되지 않고, **플로우(Flow)**를 통해 구동되고 관리되기 때문입니다.

  • **플로우(Flow)**는 데이터 스트림처럼 로직을 순서화된 단계(Step)로 분해하여 컴포넌트에 순차적으로 적용합니다.
  • **엔진(Engine)**은 프런트엔드 로직과 상호작용을 구동하는 엔진임을 나타냅니다.

따라서, FlowEngine = 플로우(Flow)에 의해 구동되는 프런트엔드 로직 엔진입니다.

#Model이란 무엇인가요?

FlowEngine에서 Model은 컴포넌트의 추상 모델이며, 다음을 담당합니다.

  • 컴포넌트의 속성(Props)과 상태 관리
  • 컴포넌트의 렌더링 방식 정의
  • **플로우(Flow)**를 호스팅하고 실행
  • 이벤트 디스패칭 및 생명 주기 통합 처리

다시 말해, Model은 컴포넌트의 논리적 두뇌이며, 컴포넌트를 정적인 요소에서 설정 및 오케스트레이션 가능한 동적 단위로 변화시킵니다.

#Flow란 무엇인가요?

FlowEngine에서 플로우(Flow)는 Model을 위한 논리적 흐름입니다. 플로우의 역할은 다음과 같습니다.

  • 속성 또는 이벤트 로직을 단계(Step)로 분해하여 흐름 방식으로 순차적으로 실행합니다.
  • 속성 변화와 이벤트 응답을 모두 관리할 수 있습니다.
  • 로직을 동적이고, 설정 가능하며, 재사용 가능하도록 만듭니다.

#이 개념들을 어떻게 이해해야 할까요?

**플로우(Flow)**를 물줄기에 비유하여 생각해 볼 수 있습니다.

  • 단계(Step)는 물줄기가 지나가는 노드와 같습니다. 각 단계는 작은 작업(예: 속성 설정, 이벤트 트리거, API 호출)을 수행합니다. 이는 물줄기가 수문이나 물레방아를 지나갈 때 해당 작용이 발생하는 것과 같습니다.

  • 플로우는 순서가 있습니다. 물줄기가 상류에서 하류로 정해진 경로를 따라 모든 단계를 순서대로 지나가듯이, 플로우 내의 로직도 정의된 순서에 따라 실행됩니다.

  • 플로우는 분기되고 결합될 수 있습니다. 하나의 물줄기가 여러 작은 물줄기로 나뉘거나 다시 합쳐질 수 있듯이, 플로우도 여러 하위 플로우로 분해되거나 더 복잡한 논리적 연결 고리로 결합될 수 있습니다.

  • 플로우는 설정 및 제어 가능합니다. 물줄기의 방향과 유량은 수문을 통해 조절할 수 있듯이, 플로우의 실행 방식과 매개변수도 설정(stepParams)을 통해 제어할 수 있습니다.

비유 요약

  • 컴포넌트는 물줄기가 밀어줘야 돌아가는 물레방아와 같습니다.
  • Model은 이 물레방아의 받침대이자 제어기이며, 물줄기를 받아 작동을 구동하는 역할을 합니다.
  • **플로우(Flow)**는 각 단계를 순서대로 지나가며 컴포넌트가 지속적으로 변화하고 응답하도록 밀어주는 물줄기입니다.

따라서 FlowEngine에서는:

  • 플로우(Flow)는 로직이 물줄기처럼 자연스럽게 흐르도록 합니다.
  • Model은 컴포넌트가 이 물줄기의 운반체이자 실행자가 되도록 합니다.