logologo
시작
가이드
개발
플러그인
API
English
简体中文
日本語
한국어
Deutsch
Français
Español
Português
Русский
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

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은 컴포넌트가 이 물줄기의 운반체이자 실행자가 되도록 합니다.