Inbox, Email, SMS, Push, Chat, Slack을 하나의 API로 연결해 메시지를 보내는 오픈소스 알림 및 에이전트 커뮤니케이션 인프라입니다.
AhmadHassan-BTed/Jantt
JSON 프로젝트 데이터를 대화형 드래그 가능 Gantt 차트로 렌더링하는 무의존성 TypeScript 엔진 및 React/스크립트 태그 컴포넌트
대체할 수 있는 제품:Microsoft Project
Smartsheet
- 스타
- 1,846
- 포크
- 5
- 열린 이슈
- 12
- 마지막 커밋
- 4일 전
어떤 프로젝트인가요?
Jantt는 작업, 날짜, 종속성, 마일스톤, 카테고리를 설명하는 선언형 JSON 문서를 대화형 Gantt 차트로 변환합니다. 핵심 패키지(@jantt/core)는 런타임 의존성이 없는 순수 TypeScript로 구현되어 있습니다. React 컴포넌트, 일반 HTML용 스크립트 태그 번들로 사용할 수 있으며, 양방향 파일 동기화를 지원하는 Node.js CLI를 통해 JSON 파일을 브라우저에서 열 수도 있습니다.
엔진은 공개된 JSON Schema에 따라 문서를 검증하고, 위상 정렬 솔버로 종속성 체인을 처리하며, 여유 시간 값을 포함해 크리티컬 패스를 계산합니다. 또한 Kanban, 노트, 대시보드 보기, CSV·SVG·JSON 내보내기, GitHub 로그인과 역할 기반 편집을 지원하는 선택형 클라우드 룸도 제공합니다.
이 프로젝트는 명령형 차트 라이브러리 호출 대신 스크립트나 AI 도구로 생성하고 편집할 수 있는 일반 데이터 형태로 타임라인을 저장하고 싶은 팀을 대상으로 합니다.
핵심 기능
- 01JSON 작업 데이터를 드래그, 크기 조절, 진행률 조정 핸들이 있는 대화형 Gantt 차트로 렌더링
- 02종속성 일정을 계산하고 여유 시간 값을 포함해 크리티컬 패스 산출
- 03React 컴포넌트, 스크립트 태그 번들, 실시간 파일 동기화를 지원하는 CLI로 제공
- 04공개된 JSON Schema에 따라 문서 검증
- 05CSV, SVG, JSON으로 내보내기
활용 사례
- 상용 차트 라이브러리 없이 React 앱에 프로젝트 타임라인 보기 추가
- LLM으로 JSON 형식의 프로젝트 계획을 생성하고 검토용으로 렌더링
- Git 저장소에 JSON 파일로 저장된 일정을 확인하고 편집
- 정적 HTML 페이지에서 로드맵 마일스톤 추적
빠른 시작
- 1
React 패키지를 설치합니다
npm install @jantt/react @jantt/core - 2
컴포넌트와 스타일시트를 가져온 다음 JSON 데이터를 사용해 렌더링합니다
- 3
또는 일반 HTML에서 script 태그 빌드를 불러오고 render를 호출합니다
<script src="https://unpkg.com/@jantt/standalone"></script>
사용 전 알아둘 점
- README에는 안정 버전 1.0 릴리스에 대한 언급이 없습니다. 스키마 버전은 1.4.0이며 프로젝트는 변경될 수 있습니다.
- 다중 사용자 CRDT 협업 및 EVM과 같은 일부 고급 기능은 README에 설명되어 있지만 설정 방법은 자세히 나와 있지 않습니다.
토픽
자주 묻는 질문
- Jantt은(는) 무엇인가요?
- JSON 프로젝트 데이터를 대화형 드래그 가능 Gantt 차트로 렌더링하는 무의존성 TypeScript 엔진 및 React/스크립트 태그 컴포넌트 Jantt는 작업, 날짜, 종속성, 마일스톤, 카테고리를 설명하는 선언형 JSON 문서를 대화형 Gantt 차트로 변환합니다. 핵심 패키지(@jantt/core)는 런타임 의존성이 없는 순수 TypeScript로 구현되어 있습니다. React 컴포넌트, 일반 HTML용 스크립트 태그 번들로 사용할 수 있으며, 양방향 파일 동기화를 지원하는 Node.js CLI를 통해 JSON 파일을 브라우저에서 열 수도 있습니다.
- Jantt은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- Jantt은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- Jantt은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. Jantt의 마지막 커밋은 2026년 10월 16일입니다.
- Jantt은(는) 어디에 사용할 수 있나요?
- 상용 차트 라이브러리 없이 React 앱에 프로젝트 타임라인 보기 추가 LLM으로 JSON 형식의 프로젝트 계획을 생성하고 검토용으로 렌더링 Git 저장소에 JSON 파일로 저장된 일정을 확인하고 편집 정적 HTML 페이지에서 로드맵 마일스톤 추적
- Jantt는 어떻게 설치하나요?
- React 패키지를 설치합니다: npm install @jantt/react @jantt/core 컴포넌트와 스타일시트를 가져온 다음 JSON 데이터를 사용해 렌더링합니다 또는 일반 HTML에서 script 태그 빌드를 불러오고 render를 호출합니다: <script src="https://unpkg.com/@jantt/standalone"></script>
- Jantt은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/AhmadHassan-BTed/Jantt
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
React Aria와 Tailwind CSS v4를 기반으로 한 React UI 컴포넌트 라이브러리로, 이전 이름은 NextUI입니다.
AI 지원을 받아 브라우저에서 Next.js + Tailwind CSS 코드를 직접 디자인하고 편집할 수 있는 오픈소스 비주얼 에디터입니다.
React, Node.js, Prisma와 Wasp 프레임워크를 기반으로 인증, 결제, 이메일 기능을 갖춘 무료 MIT 라이선스 풀스택 SaaS 스타터입니다.
AI 에이전트가 로그인된 브라우저에서 웹 작업을 수행하는 오픈소스 Chrome/Edge 확장 프로그램입니다.
조합 가능한 프리미티브와 백엔드 연동을 제공하는 프로덕션급 AI 채팅 UI 구축용 TypeScript/React 라이브러리입니다.