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의 설정 가능(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은 컴포넌트가 이러한 물줄기를 담고 실행하는 주체가 되도록 합니다.