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의 설정 가능(configurable)한 특성을 활용하여 프런트엔드 컴포넌트와 비즈니스 로직에 노코드 방식의 설정 및 오케스트레이션 기능을 제공합니다.

#FlowEngine이라고 불리는 이유가 무엇인가요?

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

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

따라서 FlowEngine은 Flow에 의해 구동되는 프런트엔드 로직 엔진입니다.

#Model이란 무엇인가요?

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

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

다시 말해, Model은 컴포넌트의 로직을 담당하는 두뇌이며, 컴포넌트를 정적인 단위에서 설정 가능하고 오케스트레이션 가능한 동적 단위로 변화시킵니다.

#Flow란 무엇인가요?

FlowEngine에서 Flow는 Model을 위한 로직 스트림입니다. Flow의 역할은 다음과 같습니다:

  • 속성 또는 이벤트 로직을 단계(Step)로 분해하여 스트림 방식으로 순차적으로 실행합니다.
  • 속성 변경뿐만 아니라 이벤트 응답도 관리할 수 있습니다.
  • 로직을 동적이고, 설정 가능하며, 재사용 가능하게 만듭니다.

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

Flow를 물줄기에 비유하여 생각해 볼 수 있습니다:

  • Step은 물줄기가 지나가는 노드와 같습니다. 각 Step은 작은 작업(예: 속성 설정, 이벤트 트리거, API 호출)을 수행하며, 이는 물줄기가 수문이나 물레방아를 지날 때 특정 작용이 일어나는 것과 유사합니다.

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

  • Flow는 분기되고 조합될 수 있습니다. 하나의 물줄기가 여러 작은 물줄기로 나뉘거나 다시 합쳐질 수 있듯이, Flow도 여러 하위 Flow로 분해되거나 더 복잡한 로직 체인으로 조합될 수 있습니다.

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

비유 요약

  • 컴포넌트는 물줄기의 힘으로 돌아가는 물레방아와 같습니다.
  • Model은 이 물레방아의 받침대이자 컨트롤러로서, 물줄기를 받아 작동을 구동하는 역할을 합니다.
  • Flow는 각 Step을 순서대로 지나가며 컴포넌트가 지속적으로 변화하고 반응하도록 이끄는 물줄기입니다.

따라서 FlowEngine에서는:

  • Flow는 로직이 물줄기처럼 자연스럽게 흐르도록 합니다.
  • Model은 컴포넌트가 이러한 물줄기를 담고 실행하는 주체가 되도록 합니다.