가이드 개요
이 가이드는 DHTMLX Diagram을 사용하여 원하는 복잡도의 Diagram을 만드는 방법을 자세히 설명합니다. 문서는 Diagram을 구성하고 설정하는 원칙과 항목을 편집하는 방법을 다루는 작업 중심의 매뉴얼로 구성되어 있습니다. 가이드에는 DHTMLX Diagram 사용에 도움이 되는 다양한 자료, 즉 사용 예제, 그림, 애니메이션 이미지가 포함되어 있습니다.
Diagram
이 섹션에서는 DHTMLX Diagram을 페이지에 추가하는 방법을 자세히 설명하고, Diagram 구성을 설명하며, 큰 Diagram을 스크롤하는 방법을 설명합니다.
Diagram 항목
이 섹션에서는 모든 기 본 Diagram 항목(도형, 선, 그룹, 스윔레인)에 대해 설명하고, 사용자 지정 도형을 추가하는 방법을 보여 주며, 항목을 구성하고 항목 간 연결을 설정하는 방법을 알려 줍니다.
Diagram Editor
Diagram 디자인 속도를 높여 주는 도구인 Diagram Editor를 초기화하는 방법을 알아보세요.
가이드에서는 에디터 인터페이스의 모든 구성 요소와 설정에 대한 전반적인 개요를 제공하고, 인터페이스 요소에 대한 사용자 지정 예제를 소개합니다.
공통 가이드
Diagram에 데이터를 로드하는 방법, 데이터를 직렬화하고 저장하는 방법, Diagram 데이터를 Editor로 가져오는 방법, 다양한 형식으로 Diagram 데이터를 내보내는 방법을 알아보려면 이 문서를 읽어 보세요. 여기에서는 다양한 Diagram 항목에 대한 데이터 템플릿 예제도 확인할 수 있습니다.
다음 문서는 완전히 사용자 지정된 Diagram을 만드는 데 도움이 됩니다: API를 통해 Diagram과 그 항목을 조작하고 필요한 이벤트에 핸들러를 연결하는 방법을 다룹니다.
Diagram을 다양한 언어에 맞게 조정하고 텍스트 요소를 편집하는 방법을 알아보세요.
통합 가이드
이 문서에서는 다양한 클라이언트 사이드 프레임워크와 함께 Diagram을 사용하는 예제를 제공합니다.
터치 지원
DHTMLX Diagram에 내장된 터치 지원 덕분에 반응형 웹 애플리케이션을 만들 수 있습니다. 터치 디바이스에서 UI 위젯이 어떻게 작동하는지 터치 지원 가이드에서 확인해 보세요.
TypeScript 지원
코드 스니펫이 포함된 TypeScript 지원 가이드를 살펴보고, 더 빠르게 깔끔한 코드를 작성할 수 있게 해주는 내장 타입 정의에 대해 자세히 알아보세요.