Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

화면설명

...

그리기

노드를 그리는 방법을 안내합니다.

  1. 왼쪽의 DETECTED HOSTS 혹은 TOOLS 에서 오른쪽의 캔버스에 드래그앤드롭합니다.

...

  1. Image Added

  2. 드래그앤드롭 후 노드가 캔버스에 정상적으로 그려지면 노드가 포커싱됩니다.

    드래그앤드롭 이후 화면Image Modified

이동하기

  1. 이동하고자하는 노드위에 마우스 커서를 올립니다.

    Image Added

  2. 대상 노드를

...

  1. 원하는 위치에

...

  1. 드래그앤드롭합니다.

...

  1. Image Modified

  2. 대상 노드는 포커스 상태입니다.

    Image Modified

연결선 그리기

연결선은 노드간 노드(혹은 그룹)간 최단거리를 자동 계산하여 그려집니다.

노드 연결선 그리기

  1. 대상 노드의 중앙에 마우스를 올리면 커서가 포인터으로 바뀝니다.

    Image Modified

  2. 커서가 바뀐 상태에서 연결하고자 하는 노드에 드래그앤드롭 합니다.

    Image Modified

  3. 정상처리될 경우 연결선이 나타납니다.

    Image Modified

그룹 연결선 그리기

  1. 그룹제목부분의 정중앙에 마우스를 올리면 커서가 포인터로 바뀝니다.

    Image Modified

  2. 커서가 바뀐 상태에서 연결하고자 하는 노드에 드래그앤드롭합니다.

    Image Modified

  3. 정상처리될 경우 연결선이 나타납니다.

    Image Modified

연결선 이동하기

  1. 커서가 바뀌면 연결선을 이동할 수 있습니다.

    Image Modified

  2. 원하는 위치에 연결선을 드래그앤드롭합니다.

    Image Modified

연결선 꺽기

...

  1. 드래그앤드롭 후 변형된 연결선 확인

    Image Added

연결선 변형하기

  1. 연결선에 있는 연결선 핸들러(초록색점) 위에 마우스를 올리면 커서가 바뀝니다.

    Image Added

  2. 원하는 위치에 연결선 핸들러를 드래그앤드롭합니다.

    Image Added

  3. 변형된 연결선을 확인할 수 있습니다.

    Image Modified

그룹

연결선을 제외한 2개 이상 노드 혹은 그룹을 선택하여 하나의 그룹으로 만듭니다.

...

대상을 캔버스에서 삭제하고 대상의 정보를 캔버스 내 클립보드에 저장합니다.

Note
  1. 연결선과 노드를 동시에 오려내기하더라도 붙여넣기시 연결선은 제외됩니다.

  2. 캔버스 내 클립보드는 컴퓨터의 클립보드와 다른 저장소입니다. 해당 페이지에서 이탈하면 캔버스의 클립보드도 비워지니 참고하여야합니다.

  1. 대상을 클릭하고 툴바의 오려내기(Cut) 버튼을 클릭합니다.

    Image Modified

  2. 오려내기한 대상은 캔버스에서 제거되고 캔버스 내 클립보드로 저장됩니다.

    Image Modified

복사하기(Copy)

대상을 캔버스에서 유지시키고, 대상의 정보를 캔버스 내 클립보드에 저장합니다.

Note
  1. 연결선과 노드를 동시에 복사하더라도 붙여넣기시 연결선은 제외됩니다.

  2. 캔버스 내 클립보드는 컴퓨터의 클립보드와 다른 저장소입니다. 해당 페이지에서 이탈하면 캔버스의 클립보드도 비워지니 참고하여야합니다.

...

붙여넣기(Paste)

클립보드를 통한 붙여넣기

오려내기, 복사하기를 통해 클립보드에 저장중인 데이터를 캔버스에 그립니다.

...

화면 확대(Zoom in)

네비게이터를 이용한 화면 확대

  1. 네비게이터의 파란색 영억의 점부분에 마우스를 올리면 커서가 크기조절로 바뀝니다.

  2. 이 상태에서 마우스를 드래그하여 파란색 영역을 축소합니다.

    Image Modified

  3. 화면이 확대되고, 네비게이션의 파란색 영역은 다시 뷰포트의 넓이만큼 설정됩니다.

    Image Modified

툴바를 이용한 화면 확대

...

  1. 화면 확대(Zoom in)버튼을 클릭하면 일정크기만큼 화면이 확대됩니다.

    Image Added

화면 축소(Zoom out)

네비게이터를 이용한 화면 축소

네이게이터의 파란 영역의 크기를 늘리면 뷰포트가 확장되어 캔버스를 넓게 볼 수 있다있습니다.

  1. 네비게이터의 파란색 영억의 점부분에 마우스를 올리면 커서가 크기조절로 바뀝니다.

  2. 이 상태에서 마우스를 드래그하여 파란색 영역을 확대합니다.

    Image Modified

  3. 화면이 축소되고, 네비게이션의 파란색 영역은 다시 뷰포트의 넓이만큼 설정됩니다.

    Image Modified

툴바를 이용한 화면 축소

  1. 화면 축소(Zoom out)버튼을 클릭하면

...

  1. 일정크기만큼 화면이 축소됩니다.

    Image Modified

...

화면 맞춤(Fit screen)

모든 노드들을 한 화면에 볼 수 있습니다.

  1. 화면 맞춤(Fit) 버튼을 클릭하면 모든 노드를 한 화면에

...

  1. 볼 수 있습니다.

...

  1. Image Modified

화면 이동

네비게이터를 이용한 화면 이동

...

마우스를 이용한 화면 이동(우클릭 드래그)

...

(warning) Warning

DETECTED HOSTS 영역에서

...

속성

...

수정하기

노드

...

그룹

...

, 그룹, 연결선 등 타입 따라 속성을 수정할 수 있습니다.

  1. 대상을 클릭하면 수정이 가능한 속성이 표시됩니다.

    Image Added