![](https://products.fileformat.com/ko/diagram/javascript/gojs/header-image.png)
GoJS
JavaScript API를 통해 다이어그램 생성 및 조작
개발자가 자체 JavaScript 응용 프로그램 내에서 다이어그램, 차트 및 그래프를 만들고 처리할 수 있는 오픈 소스 JavaScript 라이브러리입니다.
소프트웨어 개발자가 자체 JavaScript 응용 프로그램 내에서 다이어그램, 차트 및 그래프를 생성 및 조작할 수 있는 기능을 제공하는 매우 강력한 JavaScript 라이브러리입니다. 라이브러리에는 트리 레이아웃, 방사형 및 계층형 이중 그래프 레이아웃과 같은 기본 제공 레이아웃 및 일부 사용자 지정 레이아웃에 대한 지원이 포함되어 있습니다. 라이브러리는 웹 브라우저나 Node 또는 Puppeteer의 서버 측에서 쉽게 사용할 수 있습니다.
GoJS 라이브러리는 매우 유연하며 개발자가 순서도, 의료 다이어그램, 조직도, 디자인 도구, 계획 도구, 상태 차트, Sankey 다이어그램, 산업 프로세스, 시각적 언어 등과 같은 다양한 유형의 다이어그램을 만들 수 있습니다. .
라이브러리는 다이어그램의 요소 끌어서 놓기, 내용 복사 및 붙여넣기, 도구 설명, 상황에 맞는 메뉴, 템플릿 사용, 데이터 바인딩 지원, 이벤트 처리기, 자동 레이아웃, 사용자 지정 가능한 애니메이션 적용 등과 같은 매우 강력한 대화형 기능을 제공합니다. HTML Canvas 요소를 렌더링하고 SVG 및 기타 이미지 형식으로 내보낼 수도 있습니다.
GoJS 시작하기
GoJS를 설치하는 권장 방법은 npm을 사용하는 것입니다. npm 패키지 관리자를 통해 사용할 수 있습니다. 다음 명령을 사용하세요.
npm을 통해 GoJS 설치
$ npm install gojs --save
JavaScript API를 통해 순서도 그리기
오픈 소스 GoJS 라이브러리는 여러 다이어그램 유형을 빌드하고 특정 기능과 레이아웃을 보여주기 위한 지원을 제공했습니다. 몇 줄의 JavaScript 코드로 순서도를 그릴 수 있습니다. 라이브러리에는 팔레트, 연결 가능한 노드, 끌어서 놓기 동작, 텍스트 편집 및 순서도 다이어그램을 그리기 위한 노드 템플릿 맵 사용에 대한 지원이 포함되었습니다. 또한 기존 다이어그램 및 다이어그램 노드는 물론 Textblock도 쉽게 수정할 수 있습니다.
JavaScript를 통해 상태 다이어그램 생성 및 편집
상태 다이어그램은 시스템의 동작을 설명하는 데 사용됩니다. 상태 다이어그램은 제한된 수의 상태 또는 시간에서 시스템 또는 시스템의 일부 상태를 나타내는 데 사용할 수 있습니다. GoJS 라이브러리는 상태 다이어그램을 쉽게 만들고 편집할 수 있도록 지원합니다. 원하는 만큼 노드를 쉽게 그릴 수 있으며 한 노드에서 다른 노드로 원하는 만큼 링크를 그릴 수 있으며 링크의 모양을 변경하거나 선택 시 제거할 수 있습니다.
JavaScript를 통해 논리 회로 생성
논리 게이트는 모든 디지털 시스템의 기본 빌딩 블록입니다. 논리 게이트는 이상적인 계산 모델 또는 부울 함수를 구현하는 물리적 전자 장치입니다. 라이브러리는 기능이 매우 풍부하며 게이트 및 와이어를 사용하여 회로를 만드는 데 몇 가지 중요한 기능을 제공합니다. 매우 사용자 친화적이며 사용자가 다이어그램을 쉽게 관리할 수 있도록 도와줍니다. 새 노드를 끌어다 놓고 다이어그램을 관리할 수 있는 팔레트가 제공됩니다. 노드로 연결되는 링크의 색상을 사용하여 종료하는 링크의 색상을 결정하는 유형에 따라 각 노드를 쉽게 업데이트할 수 있습니다.
다이어그램 요소 그리기 및 위치 지정
오픈 소스 GoJS 라이브러리를 사용하면 소프트웨어 개발자가 자체 JavaScript 애플리케이션 내에서 다이어그램 요소를 쉽게 그리고 배치할 수 있습니다. 라이브러리를 통해 개발자는 몇 줄의 코드만으로 다이어그램의 선택된 부분을 선택하고 서로 상대적으로 배치할 수 있습니다. 또한 화살표 키를 쉽게 처리할 수 있으며 "오프셋 붙여넣기"를 사용하여 개체를 붙여넣을 때 개체를 서로 위에 배치하지 않고 계단식으로 배치할 수 있습니다.