didi/LogicFlow

어떤 프로젝트인가요?

핵심 기능

• 01도메인별 다이어그램을 만들 수 있도록 노드, 엣지 및 스타일을 사용자 정의할 수 있습니다.
• 02공식 확장 및 레이아웃 패키지를 제공하는 플러그인 시스템입니다.
• 03다이어그램 데이터를 BPMN 및 Turbo 형식과 상호 변환합니다.
• 04브라우저에서 플로차트 로직을 실행하는 내장 실행 엔진입니다.
• 05캔버스 기반 편집기에서 SVG로 렌더링합니다.

활용 사례

• 내부 비즈니스 시스템에 플로차트 또는 승인 프로세스 디자이너를 추가합니다.
• 공통 다이어그램 기반 위에 ER, UML 또는 마인드맵 편집기를 구축합니다.
• 시각적 워크플로를 BPMN으로 내보내 백엔드 워크플로 엔진에서 사용합니다.
• 간단한 플로차트 로직을 브라우저에서 직접 실행합니다.

빠른 시작

1. 1

   npm으로 코어 패키지와 확장 패키지를 설치합니다

   npm install @logicflow/core @logicflow/extension --save
2. 2

   HTML 페이지에 컨테이너 요소를 추가합니다

3. 3

   컨테이너를 지정해 LogicFlow 인스턴스를 만들고 데이터를 렌더링합니다

사용 전 알아둘 점

• !TypeScript 또는 JavaScript를 사용하는 브라우저 기반 프런트엔드 환경이 필요합니다.

포함된 컬렉션

토픽

자주 묻는 질문

LogicFlow은(는) 무엇인가요?

비즈니스 시스템에 플로차트, 마인드맵, ER 및 BPMN 다이어그램 편집기를 삽입할 수 있는 TypeScript 기반 플로차트 편집 프레임워크입니다. LogicFlow는 플로차트형 다이어그램에 필요한 상호작용 및 편집 기능을 제공하는 프레임워크로, 팀이 편집기를 처음부터 만들지 않고도 자체 비즈니스 시스템에 추가할 수 있게 해줍니다. 노드와 엣지를 배치하는 캔버스와 함께 사용자 정의 노드, 커넥터, 스타일 및 플러그인을 위한 확장 지점을 제공합니다.

LogicFlow은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

LogicFlow은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

LogicFlow은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. LogicFlow의 마지막 커밋은 2026년 10월 24일입니다.

LogicFlow은(는) 어디에 사용할 수 있나요?

내부 비즈니스 시스템에 플로차트 또는 승인 프로세스 디자이너를 추가합니다. 공통 다이어그램 기반 위에 ER, UML 또는 마인드맵 편집기를 구축합니다. 시각적 워크플로를 BPMN으로 내보내 백엔드 워크플로 엔진에서 사용합니다. 간단한 플로차트 로직을 브라우저에서 직접 실행합니다.

LogicFlow는 어떻게 설치하나요?

npm으로 코어 패키지와 확장 패키지를 설치합니다: npm install @logicflow/core @logicflow/extension --save HTML 페이지에 컨테이너 요소를 추가합니다 컨테이너를 지정해 LogicFlow 인스턴스를 만들고 데이터를 렌더링합니다

LogicFlow은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/didi/LogicFlow