노드의 속성 설정하기

Cytoscape.js에서는 data() 메서드를 사용하여 노드의 속성을 설정할 수 있습니다. 노드를 생성한 후, data() 메서드를 사용하여 속성을 설정합니다. 예를 들어, 다음과 같이 노드의 label 속성을 설정할 수 있습니다:

var node = cy.add({
  data: { id: 'node1' }
});

node.data('label', 'My Node Label');

위의 코드에서는 data() 메서드를 사용하여 node1이라는 ID를 가진 노드의 label 속성을 설정하고 있습니다. 설정된 속성은 나중에 노드를 렌더링하거나 다른 연산에 사용될 수 있습니다.

엣지의 속성 설정하기

Cytoscape.js에서는 엣지의 속성을 설정하는 방법도 간단합니다. 엣지의 속성을 설정하기 위해서는 data() 메서드를 사용합니다. 예를 들어, 다음과 같은 코드로 엣지의 weight 속성을 설정할 수 있습니다:

var edge = cy.add({
  data: { id: 'edge1', source: 'node1', target: 'node2' }
});

edge.data('weight', 5);

위의 코드에서는 source와 target 속성으로 연결된 node1과 node2 사이의 엣지를 생성하고, weight 속성을 5로 설정하고 있습니다.

이처럼 Cytoscape.js를 사용하면 간단한 API를 통해 노드와 엣지의 속성을 쉽게 설정할 수 있습니다. 자세한 내용은 Cytoscape.js 공식 문서를 참조하시기 바랍니다.