tone-row/flowchart-fun

어떤 프로젝트인가요?

핵심 기능

• 01들여쓰기된 일반 텍스트 입력에서 플로차트를 생성합니다.
• 02이전 노드로 되돌아가는 연결을 지원합니다.
• 03렌더링에 React와 cytoscape.js를 사용합니다.
• 04.po 로케일 파일을 통해 인터페이스 텍스트를 번역할 수 있습니다.
• 05Jest 단위 테스트와 Playwright 엔드투엔드 테스트를 포함합니다.

활용 사례

• 메모를 바탕으로 프로세스 흐름이나 의사결정 트리를 빠르게 스케치합니다.
• 구현에 앞서 사용자 흐름이나 시스템 로직을 계획합니다.
• 작성한 개요를 공유 가능한 다이어그램으로 변환합니다.

빠른 시작

1. 1

   저장소를 클론합니다

2. 2

   .env.example을 .env로 복사하고 환경 변수를 추가합니다

3. 3

   pnpm으로 종속성을 설치합니다

   pnpm install
4. 4

   shared 및 formulaic 패키지를 빌드합니다

   pnpm -F shared build && pnpm -F formulaic build
5. 5

   로그인 기능 없이 앱을 실행합니다

   pnpm dev

사용 전 알아둘 점

• !로그인 기능을 포함한 앱 전체를 실행하려면 Vercel, Supabase, Stripe 및 Sendgrid 계정이 필요합니다.
• !로그인 기능을 사용해 배포하려면 서버리스 함수를 12개 초과해 사용하므로 Vercel Pro 계정이 필요합니다.

토픽

자주 묻는 질문

flowchart-fun은(는) 무엇인가요?

React와 cytoscape.js로 일반 텍스트 개요를 플로차트와 다이어그램으로 변환하는 웹앱입니다. Flowchart Fun은 텍스트에서 플로차트를 생성합니다. 들여쓰기된 일반 텍스트 문법으로 노드와 노드 간 연결을 작성하면, 앱이 브라우저에서 다이어그램으로 렌더링합니다. 도형을 드래그해 배치하지 않고도 아이디어와 계획을 빠르게 스케치할 수 있습니다.

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

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

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

활발히 유지보수 중. flowchart-fun의 마지막 커밋은 2026년 10월 16일입니다.

flowchart-fun은(는) 어디에 사용할 수 있나요?

메모를 바탕으로 프로세스 흐름이나 의사결정 트리를 빠르게 스케치합니다. 구현에 앞서 사용자 흐름이나 시스템 로직을 계획합니다. 작성한 개요를 공유 가능한 다이어그램으로 변환합니다.

flowchart-fun는 어떻게 설치하나요?

저장소를 클론합니다 .env.example을 .env로 복사하고 환경 변수를 추가합니다 pnpm으로 종속성을 설치합니다: pnpm install shared 및 formulaic 패키지를 빌드합니다: pnpm -F shared build && pnpm -F formulaic build 로그인 기능 없이 앱을 실행합니다: pnpm dev

flowchart-fun은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/tone-row/flowchart-fun