ElastIDE 소개
개요
ElastIDE는 ElastiCORE를 위한 웹 기반 통합 개발 환경(IDE)입니다. 별도의 설치 없이 브라우저에서 직접 도메인 모델을 설계하고, 시각적 모델링을 수행하며, DSL을 편집하고, 팀원과 실시간으로 협업할 수 있습니다.
주요 기능
비주얼 모델링
드래그 앤 드롭 방식으로 다이어그램을 직관적으로 편집할 수 있습니다. ElastIDE는 13가지 다이어그램 타입을 지원합니다.
| 분류 | 다이어그램 타입 |
|---|---|
| 구조형 (Structural) | ElastiCore Diagram, Class Diagram, Object Diagram, Component Diagram, Deployment Diagram, Flowchart, Syntax Tree |
| 행위형 (Behavioral) | Activity Diagram, Use Case Diagram, Communication Diagram, Petri Net, Reachability Graph, BPMN Diagram |
이 중 ElastiCore Diagram이 핵심 타입으로, DSL 에디터 및 AI 어시스턴트와 긴밀하게 연동됩니다.
DSL 에디터
Monaco 기반의 YAML 에디터를 내장하여 DSL 코드를 직접 편집할 수 있습니다. 캔버스(다이어그램)와 DSL 에디터는 실시간으로 동기화되며, 캔버스에서 엔티티를 선택하면 DSL 에디터에서 해당 블록이 자동으로 하이라이트됩니다. 편집 내용은 자동 저장(localStorage)되어 작업 내용이 유실되지 않습니다.
실시간 협업
5가지 공유 모드를 통해 다양한 협업 시나리오를 지원합니다.
- 편집: 단독 편집 모드
- 협업: 실시간 다중 사용자 편집. 참여자별 고유 색상 아바타가 표시됩니다.
- 임베드: 외부 페이지에 다이어그램을 삽입
- 피드백 제공: 검토자가 코멘트를 남기는 모드
- 피드백 확인: 제출된 피드백을 확인하는 모드
버전 관리
다이어그램의 리비전이 자동으로 저장되어 이전 버전으로 언제든지 복원할 수 있습니다. 퍼블리시(Publish) 기능을 사용하면 변경사항을 명시적으로 확정할 수 있습니다.
내보내기
작성한 다이어그램을 다양한 형식으로 내보낼 수 있습니다.
- 지원 형식: SVG, PNG, JSON, PDF
- 다이어그램 임포트 및 익스포트 기능 제공
프로젝트 설정
- 프로젝트 ID 및 DSL URI 관리
- 라벨 관리 (색상 코드 지원)
- 연결선 스타일 설정 (직선/곡선)
시스템 요구사항
- 최신 웹 브라우저 (Chrome, Firefox, Edge, Safari)
- 인터넷 연결
다음 단계
- ElastIDE 시작하기 - 첫 접속 및 기본 사용법
- 비주얼 모델링 - 모델링 도구 상세 사용법
- Knowledge Graph - 도메인 모델 시각화