시각화

문서 전체를 다음 두 가지 모드 중 하나로 한눈에 보여 줍니다.

• Graph. 모든 테이블과 그 컬럼, 그리고 테이블 사이의 관계를 그린 force-directed 그래프입니다. Graph 모드 항목을 참고하세요.
• Flow. 모든 테이블을 카드로 그리고 관계를 따라 배치합니다. Flow 모드 항목을 참고하세요.

상단 툴바의 Visualization 탭에서 열거나, 빠른 검색의 Tab에서 열 수 있습니다.
ERD 탭에서 Alt + F (Windows/Linux) or ⌥ + F (Mac)를 누르거나 테이블 컨텍스트 메뉴의 Focus on this table을 선택하면, 고른 테이블과 그 테이블에 관계 하나로 이어진 테이블로 범위를 좁혀 곧바로 Flow로 엽니다. 테이블 포커스 항목을 참고하세요.

툴바 왼쪽 끝의 Graph와 Flow 버튼으로 모드를 전환합니다.
새로 연 에디터는 Graph로 시작합니다. 고른 모드는 다른 탭에 다녀와도 에디터가 열려 있는 동안 유지되지만, 문서에는 저장되지 않습니다.

툴바

탭 아래 가장자리 가운데에 툴바가 떠 있습니다. 왼쪽부터 순서대로 다음과 같습니다.

• Graph와 Flow. 현재 모드가 강조되어 표시됩니다.
• Zoom out, 100%처럼 퍼센트로 표시되는 현재 배율, Zoom in. 한 번 누를 때마다 화면 중앙을 유지한 채 배율이 4퍼센트포인트씩 바뀝니다. 퍼센트 값은 읽기 전용이며 현재 모드의 배율을 보여 줍니다.
• Fit. 현재 모드가 보여 주는 모든 것을 화면에 담습니다. Graph에서는 모든 노드를, Flow에서는 모든 카드를 담습니다.
• Tidy Up. Flow에서만 표시되며 카드를 다시 배치합니다. Flow 배치 방식 항목을 참고하세요.
• 행 표시 메뉴. Flow에서만 표시되며 현재 선택이 라벨로 표시됩니다. 행 표시 항목을 참고하세요.
• Show all. Flow에서 범위가 좁혀져 있는 동안에만 표시되며, 다이어그램 전체로 돌아갑니다. 테이블 포커스 항목을 참고하세요.
• Go to content 나침반. 화면에 노드나 카드가 하나도 없는 동안에만 툴바 끝에 붙습니다. 가장 가까운 노드나 카드를 가리키는 화살표와 1.2k처럼 그까지의 거리를 표시합니다. 클릭하면 배율은 그대로 둔 채 그 노드나 카드가 화면 중앙으로 옵니다.

확대/축소 버튼은 툴팁에 단축키를 표시합니다. 예를 들어 Zoom in (Ctrl + Plus) (Windows/Linux) or Zoom in (⌘ + Plus) (Mac)입니다.
Ctrl + Plus와 Ctrl + Minus (Windows/Linux) or ⌘ + Plus와 ⌘ + Minus (Mac)는 어느 모드에서든 버튼처럼 배율을 한 단계씩 조절하고, Ctrl + 0 (Windows/Linux) or ⌘ + 0 (Mac)은 곧바로 100%로 되돌립니다.
초기화 버튼은 없으며, 빠른 검색이 열려 있는 동안에는 단축키가 동작하지 않습니다.

Graph 모드

문서 전체를 force-directed 그래프로 그려, 테이블들이 서로 어떻게 연결되어 있는지와 어떤 테이블이 도메인의 중심에 있는지를 한눈에 확인할 수 있습니다.

그래프 읽기

모든 테이블과 모든 컬럼이 노드이며, 두 종류는 서로 다른 색으로 그려집니다.
컬럼 노드는 자신이 속한 테이블과 연결되고, 관계로 이어진 두 테이블은 서로 연결됩니다.
같은 방향의 관계로 여러 번 이어진 테이블은 한 번만 연결되며, 시작과 끝이 같은 테이블인 관계는 연결선을 그리지 않습니다.

확대할수록 그래프에 테이블 이름이 나타나며, 50%에서 100% 사이에서 서서히 드러납니다. 15자를 넘는 이름은 잘립니다. 컬럼 노드는 어느 배율에서도 라벨을 갖지 않습니다.

그래프 이동

휠로 포인터가 가리키는 지점을 기준으로 10%부터 400%까지 확대/축소합니다.
트랙패드 핀치도 같은 방식으로 확대/축소하며, 터치스크린에서 두 손가락을 사용하면 두 손가락 사이의 지점을 기준으로 확대/축소하고 손가락을 움직이는 대로 화면이 이동합니다.
배경을 드래그하면 화면이 이동합니다.

툴바의 확대/축소 버튼과 확대/축소 단축키는 같은 범위 안에서 포인터 대신 화면 중앙을 고정한 채 확대/축소하며, Fit은 모든 노드를 화면에 담습니다.

호버 미리보기

테이블 노드에 마우스를 올리면 그 테이블을 커서 옆에 미리 보여 줍니다.
컬럼 노드에 마우스를 올리면 노드 둘레에 테두리만 그려지고, 미리보기는 열리지 않습니다.

미리보기는 ERD 캔버스와 같은 컬럼을 같은 순서로 표시합니다. 테이블 보기 옵션과 컬럼 순서 조정 문서를 참고하세요.
표시 전용이며, 노드나 배경을 드래그하는 동안에는 숨겨집니다.

이웃 강조

테이블에 마우스를 올리면 그 테이블의 이웃도 함께 밝아집니다. 테이블 자신, 자신의 컬럼, 관계로 이어진 양방향의 테이블, 그리고 그 사이의 연결선입니다.
나머지는 흐려지므로 그 테이블이 무엇과 닿아 있는지가 그대로 드러납니다.

노드 이동

노드를 드래그하면 그 노드와 연결된 것들이 함께 새로운 위치로 끌려옵니다.
누르고 있는 동안에는 노드가 포인터에 고정되고 그 주변의 레이아웃이 다시 활발해집니다.
드래그를 놓으면 레이아웃이 다시 안정화되며, 놓은 자리에 그대로 고정되는 것은 없습니다.

그래프는 스냅샷

그래프는 이 탭을 여는 시점의 문서 상태로 만들어지며, 탭으로 돌아올 때마다 처음부터 다시 만들어집니다.
Flow에서 Graph로 전환할 때도 다시 만들어지며, 다시 만들 때마다 100%에서 시작합니다.

Flow 모드

모든 테이블을 카드로 그리고, 관계를 따라 카드를 배치합니다. 메모는 그려지지 않습니다.
ERD 탭의 테이블 자체를 옮기는 자동 배치의 Flow 배치와는 다른 기능입니다.

각 카드는 ERD 탭의 테이블처럼 그려집니다. 왼쪽 가장자리를 따라 테이블 색상이 있고, 테이블 아이콘과 테이블 이름이 있는 헤더 띠, 그리고 행 표시에 따른 행이 이어집니다. ERD 탭의 테이블과 달리 카드는 행 사이에 구분선도 그립니다. 카드는 어느 배율에서도 이 모습을 유지하며, ERD 탭의 테이블처럼 70% 이하에서 이름만 남도록 축소되는 일이 없습니다. 카드에서는 아무것도 편집할 수 없습니다.

연결선은 테이블에서 테이블로 이어지는 매끄러운 곡선 하나이며, 카드 아래에 그려지므로 카드 뒤를 지나갈 수 있습니다. 모든 연결선은 식별 관계인지와 상관없이 같은 회색 실선으로 그려지고, 끝 기호는 ERD 탭과 같습니다. 연결선 읽기 문서를 참고하세요. Flow는 Relationship 보기 옵션이 꺼져 있어도 연결선을 그립니다.

다이어그램 전체를 볼 때, 다른 테이블과 관계로 이어지지 않은 테이블은 나머지 테이블 사이에 흩어지지 않고 한 블록으로 모입니다.

행 표시

툴바의 행 표시 메뉴는 각 카드를 얼마나 그릴지 정합니다. 라벨은 현재 선택이며, 툴팁은 예를 들어 Row display: Name only로 표시됩니다.
메뉴는 툴바 위쪽으로 열리고 현재 선택 옆에 체크 표시가 있습니다. 항목을 고르거나, 라벨을 다시 클릭하거나, 에디터의 다른 곳을 클릭하거나, Escape를 누르거나, Graph로 전환하면 닫힙니다.

행 표시	각 카드에 표시되는 내용
Name only	헤더만 표시합니다.
Keys only	primary key와 foreign key 컬럼, 그리고 그 밖에 관계가 닿는 모든 컬럼을 표시합니다.
All fields	모든 컬럼을 표시합니다.

행은 테이블의 컬럼 순서대로 나열됩니다. 각 행에는 컬럼 이름이 표시되며, 컬럼이 primary key나 foreign key, 또는 둘 다이면 이름 앞에 키 아이콘이 붙고, 오른쪽에는 데이터 타입이 표시됩니다. 데이터 타입은 카드가 강조된 동안에만 나타납니다.
그 밖의 셀은 그려지지 않으며, 테이블 보기 옵션도, 한 행 안의 셀 순서를 정하는 컬럼 순서 조정도 카드에는 적용되지 않습니다.

Flow를 처음 열면 Name only로 시작하며, 테이블 포커스로 열었다면 Keys only로 시작합니다. 그 뒤로는 직접 다른 항목을 고를 때만 행 표시가 바뀌며, 범위를 좁히거나 넓혀도 그대로 유지됩니다.
행 표시를 바꾸면 카드 크기가 달라지므로, Flow가 카드를 다시 배치하고 화면에 맞춥니다.

Flow 이동

휠로 화면이 이동하며, Shift + Wheel은 좌우로 이동합니다. Ctrl + Wheel (Windows/Linux) or ⌘ + Wheel (Mac)은 화면 중앙을 유지한 채 확대/축소합니다.
트랙패드 핀치는 핀치한 지점을 기준으로 확대/축소하며, 터치스크린에서 두 손가락을 사용하면 두 손가락 사이의 지점을 기준으로 확대/축소하고 손가락을 움직이는 대로 화면이 이동합니다.
배경을 드래그하면 화면이 이동합니다. ERD 캔버스와 마찬가지로 화면 이동에는 범위 제한이 없습니다.
확대/축소 범위는 10%부터 150%까지입니다. Flow는 ERD 탭과 별개로 자체 배율과 화면 위치를 가지며, 둘 다 문서에는 저장되지 않습니다.

배경을 누르면 선택이 해제되고, 배경에서 Ctrl + drag (Windows/Linux) or ⌘ + drag (Mac)를 하면 선택 박스가 그려집니다.
Flow에는 미니맵도 스크롤바도 없습니다. 화면을 이동한 결과 카드가 하나도 보이지 않으면 툴바의 Go to content 나침반을 사용하세요.

관련 테이블 강조

카드에 마우스를 올리면 그 카드, 그 카드에 관계 하나로 이어진 테이블, 그리고 그 카드와 그 테이블들을 잇는 연결선이 강조됩니다. 그 테이블들끼리 잇는 연결선은 강조되지 않습니다.
강조된 카드에는 액센트 색상의 테두리와 글로우가 생기고, 데이터 타입이 서서히 나타나며, 관계가 닿는 행에는 옅게 색이 입혀집니다. 강조된 연결선은 액센트 색상으로 바뀝니다.
Graph와 달리 나머지는 흐려지지 않으며, 마우스를 올리거나 고정한 카드가 없으면 아무것도 강조되지 않습니다.

카드를 클릭하면 강조가 고정되어, 포인터가 다른 곳으로 옮겨 가도 강조된 채로 남습니다. 같은 카드를 다시 클릭하거나 배경을 클릭하면 고정이 풀리고, 다른 카드를 클릭하면 고정이 그 카드로 옮겨 갑니다. 마우스를 올린 카드와 고정된 카드는 함께 강조됩니다.
드래그, Ctrl + click (Windows/Linux) or ⌘ + click (Mac), 화면 이동, 카드 버튼은 카드를 고정하지도 고정을 풀지도 않습니다.

강조된 모든 연결선을 따라 입자가 흐르며, primary key가 있는 부모 테이블 쪽 끝에서 자식 테이블 쪽 끝으로 이동합니다. 한 번에 60개가 넘는 연결선이 강조되면 입자는 멈추고 강조만 유지됩니다.

카드 버튼

포인터가 카드 위에 있는 동안, 헤더 오른쪽 끝에 툴팁이 없는 아이콘 버튼 두 개가 나타납니다.

• 웨이포인트 아이콘. Flow 버튼과 같은 아이콘이며, Flow의 범위를 그 테이블과 그 테이블에 관계 하나로 이어진 테이블로 좁힙니다. 테이블 포커스 항목을 참고하세요.
• 외부 링크 아이콘. ERD 탭으로 전환해 그 테이블만 선택하며, 테이블이 화면에 완전히 보이지 않으면 화면 중앙으로 스크롤합니다.

두 버튼 중 하나를 누르면 그 동작은 버튼에만 해당합니다. 카드를 선택하거나 맨 앞으로 가져오지 않으므로, 웨이포인트 버튼을 눌러도 기존 선택이 그대로 유지됩니다.

카드 이동

두 카드 버튼을 제외한 카드의 어느 부분이든 잡고 드래그합니다.
카드를 누르면 선택되고, Ctrl + click (Windows/Linux) or ⌘ + click (Mac)은 카드를 선택에 추가하며, 선택된 카드를 드래그하면 선택된 카드가 모두 이동합니다. 선택은 ERD 탭과 같은 선택이므로, 여기서 선택한 것은 ERD 탭으로 돌아가도 선택된 채로 남습니다.

카드는 Flow 안에서만 이동하며, 해당 테이블은 ERD 탭에서 제자리에 남습니다.
옮긴 카드는 화면 이동, 확대/축소, Fit을 거쳐도 그 자리에 머뭅니다. 탭을 떠나거나 Graph로 전환했다가 돌아올 때, 그리고 Show all이 Flow에 이미 있는 다이어그램 전체 배치로 돌아갈 때는 배치가 놓았던 자리로 돌아갑니다. 새 배치는 옮겨 둔 위치를 고려해 카드를 다시 놓습니다. Flow 배치 방식 항목을 참고하세요.

테이블 포커스

ERD 탭에서 테이블을 하나 이상 선택하고 Alt + F (Windows/Linux) or ⌥ + F (Mac)를 누르거나, 테이블을 마우스 오른쪽 클릭하고 Focus on this table을 선택합니다.
Visualization 탭이 Flow로 열리며, 그 테이블들과, 그중 어느 테이블에든 방향과 상관없이 관계 하나로 이어진 모든 테이블로 범위가 좁혀집니다. 연결선은 표시되는 테이블 사이의 것만 그려집니다.

마우스 오른쪽 클릭한 테이블이 여러 개 선택된 테이블 중 하나이면 메뉴 항목이 Focus on selected tables로 표시되고 선택 전체를 포커스합니다. 선택 밖의 테이블을 마우스 오른쪽 클릭하면 그 테이블만 포커스합니다.
Alt + F는 선택된 테이블을 대상으로 하며 메모는 제외합니다. 선택된 테이블이 없으면 아무 동작도 하지 않고, 셀이나 메모를 편집하는 중이거나 빠른 검색, 테이블 속성, Diff Viewer, 자동 배치 미리보기, Time Travel이 열려 있는 동안에는 무시됩니다.

Flow 안에서는 웨이포인트 카드 버튼이 같은 방식으로, 그 테이블 하나를 기준으로 범위를 좁힙니다. 툴바의 Show all은 다이어그램 전체로 돌아갑니다.
좁혀진 화면은 따로 배치되고 화면에 맞춰집니다. 탭을 떠나거나 Graph로 전환했다가 돌아와도 좁혀진 채로 유지되며, Escape로는 넓어지지 않습니다.

Flow 배치 방식

Flow가 처음 표시될 때, 표시할 테이블이 메인 스레드 밖에서 배치되고 그 결과가 화면에 맞춰집니다.
배치는 에디터가 열려 있는 동안 유지됩니다. 탭을 떠나거나 Graph로 전환했다가 돌아오면 Flow는 그 배치를 다시 사용하며, 배율과 화면 위치도 떠날 때 그대로입니다.
Flow는 다이어그램 전체의 배치와 좁혀진 화면의 배치를 하나씩 유지하므로, 그 배치를 만든 바탕이 바뀌지 않았다면 Show all은 다시 계산하지 않고 다이어그램 전체 배치로 돌아가 화면에 맞춥니다.

Flow는 다음과 같은 경우 카드를 다시 배치합니다.

• Tidy Up을 누를 때. 결과가 화면에 맞춰집니다.
• 행 표시를 바꾸거나, 범위를 다른 테이블로 좁힐 때. 결과가 화면에 맞춰집니다.
• 테이블이나 관계가 추가되거나 삭제될 때. Flow를 떠나 있는 동안 ERD 탭에서 바뀐 것은 돌아올 때 반영되고, Flow에 있는 동안 참여자가 바꾼 것도 반영됩니다. 배율과 화면 위치는 그대로 유지됩니다.

각 배치는 카드가 현재 놓인 위치를 고려하므로, Tidy Up을 누른다고 해서 이전 배치가 그대로 되살아나는 것은 아닙니다.
테이블 이름 변경이나 컬럼 추가처럼 카드 크기만 바꾸는 변경으로는 카드가 다시 배치되지 않습니다. 카드가 겹치게 되면 Tidy Up을 누르세요.

6초 넘게 걸리는 배치는 Cancel이 있는 Placing tables… 알림을 표시합니다.
Cancel을 누르거나 배치가 진행되는 동안 언제든 Escape를 누르면 배치를 버리며, Tidy Up을 누르거나 Flow로 돌아오면 다시 요청합니다.
호스트가 shared worker를 실행하지 않거나, 워커가 시작하지 못하거나, 60초 안에 배치가 돌아오지 않아 배치가 실패하면 Flow는 Could not place tables를 표시하며, Tidy Up으로 다시 시도합니다. Web Worker 문서를 참고하세요.
Flow는 다이어그램 전체를 볼 때나 좁혀진 화면에서나 마지막 배치가 놓은 테이블만 그리므로, 처음 표시될 때는 배치가 성공하기 전까지 카드가 하나도 없을 수 있습니다.
범위를 다른 테이블로 좁힐 때처럼 Flow가 카드를 다시 배치할 때는 새 배치가 도착할 때까지 이전 배치가 화면에 남으며, 그 배치가 취소되거나 실패해도 이전 배치가 그대로 남습니다.

파일 가져오기처럼 문서 전체가 대체되면 Flow의 배치, 포커스, 행 표시, 배율, 화면 위치가 모두 버려지고, 다음에 Flow를 열면 처음 열었을 때처럼 다시 시작합니다. 다이어그램 전체로 시작하거나, 테이블 포커스로 열었다면 좁혀진 상태로 시작합니다.

Flow는 문서를 편집하지 않음

Flow는 다이어그램을 읽기만 합니다. 확대/축소, 화면 이동, 카드 이동, Tidy Up, 행 표시, 고정, 포커스는 Undo 히스토리에 아무것도 추가하지 않습니다.
다이어그램도 바꾸지 않습니다. 단, 카드를 누르면 ERD 탭에서 테이블을 클릭할 때처럼 그 테이블이 맨 앞으로 오므로, ERD 탭에서도 앞에 놓입니다. Graph도 마찬가지로 다이어그램을 건드리지 않습니다.
외부 링크 카드 버튼은 Flow 밖으로 나가게 하므로 그보다 영향이 큽니다. 이 버튼이 ERD 탭에서 일으키는 스크롤은 다른 화면 위치 변경과 마찬가지로 기록됩니다.

Flow에 있는 동안에도 참여자의 편집은 다이어그램에 반영되며, 카드는 참여자가 추가하거나 삭제한 테이블과 관계를 따라갑니다. Flow 배치 방식 항목을 참고하세요.
참여자의 선택과 포커스 테두리는 카드에 그려지지만, 커서와 드래그 박스는 그려지지 않습니다. 공동 편집 문서를 참고하세요.

테이블 포커스를 포함해 두 모드 모두 readonly 에디터에서도 동작합니다.