🍳 DHTMLX란?

DHTMLX는 Dynamic Hypertext Markup Language eXtension의 약자이며, 웹 애플리케이션 개발에 사용하는 자바스크립트 라이브러리를 의미한다.

• DHTMLX는 그리드, 트리, 탭, 차트, 캘린더, 폼 등 다양한 UI 컴포넌트를 제공한다.
• AJAX, REST API 등의 기술을 지원한다.

🍳 무료/유료 버전

DHTMLX 라이브러리는 무료 버전(Standard Edition)과 유료 버전(Pro Edition)을 제공하며, 이 두 버전은 기능, 지원, 라이선스 등 여러 가지 측면에서 차이가 있다.

• 기능 차이 : 유료버전은 무료버전 보다 더 많은 기능과 컴포넌트를 제공한다. 예를 들어, 일부 고급 기능은 유료 버전에서만 사용할 수 있다.
• 지원 차이 : 유료버전 사용자는 기술 지원을 받을 수 있다. 이에 반해 무료버전 사용자는 공식 문서, 커뮤니티 포럼 등을 통해 정보를 얻어야 한다.
• Sample 사이트 주소
• API 사용법

🎈 무료 평가판 다운로드

DHTMLX 무료 평가판은 30일 동안 무료로 사용할 수 있다.

• 30일 평가판 다운로드

🎈 간트 예제 적용

🎁 간트 라이브러리 다운

이메일로 받은 압축 폴더를 열면 위와 같은 구성으로 되어 있다.

• baclemd 폴더는 데이터를 로드하고 저장하는 데 필요한 서버 사이드 스크립트를 포함한다.
  • 프론트엔드에서 보낸 요청을 처리하고, 데이터베이스와 상호 작용하여 필요한 데이터를 가져오거나 저장하는 코드가 포함되어 있을 수 있다.
• codebase 폴더에 있는 dhtmlxgantt.css와 dhtmlxgantt.js 파일을 프로젝트에 다운로드하면된다. Skins 폴더에는 디자인 셈플들이 있다.
• samples 폴더에는 간트 예제 html들이 있다.

🎁 01_basic_init.html

• header 안에 간단한 style과 함께 codebase 폴더안에 있는 dhtmlxgantt.css와 dhtmlxgantt.js를 위치를 수정해주었다.
  
• body부분에 예제를 복사하여 붙여넣기 했다.

• 01_basic_init 간트 예제를 적용한 결과화면이다.

🍳 참고사이트

• 차트 무료 & 유료 솔루션 정리( DHTMLX 아님 )
• DHTMLX Grid에서 C/R/U/D 구현하기 1/4