시맨틱 큐레이션 도구 사용법 편집하기 (부분)

=== '''Node 탭''' ===
<code>#Nodes</code>를 표로 입력합니다. 표의 열은 <code>id</code>, <code>class</code>, <code>label</code>, <code>infoUrl</code>, <code>iconUrl</code>, <code>remark</code>이며, <span style="color:#d33">'''*'''</span> 표시는 필수 필드입니다.

==== 노드 입력 ====
* '''[＋ Add Node]'''를 누르면 표 맨 아래에 빈 행이 추가되고 id 칸에 커서가 놓입니다.
* <code>class</code>는 Ontology 탭에서 정의한 클래스 목록에서 고르거나 직접 입력합니다.
* 선택 필드는 비워 두면 됩니다. 스크립트에 기록할 때 <code>Null</code>로 채워집니다.
* 각 행 오른쪽의 버튼으로 행을 다룹니다.

{| class="wikitable" style="background-color:white; width:100%"
! style="width:80px;" | 버튼 !! 기능
|-
| style="text-align:center;" | ↑ ↓ || 행을 위아래로 옮깁니다.
|-
| style="text-align:center;" | ⧉ || 행을 복제합니다. 복제된 행의 id 뒤에는 <code>-복사</code>가 붙습니다.
|-
| style="text-align:center;" | ✕ || 행을 지웁니다.
|}

==== 칸 색 표시 ====
* 칸의 색은 [[#Validation 탭|Validation 탭]]의 구분과 같습니다.
** '''빨간색(오류)''': 반드시 고쳐야 하는 문제입니다. 고치지 않으면 네트워크 그래프가 바르게 그려지지 않습니다.
** '''초록색(중복)''': 오류의 한 종류로, 겹치는 칸을 한눈에 찾을 수 있도록 따로 표시합니다.
** '''노란색(확인 필요)''': 스크립트는 만들어지지만 의도와 다를 수 있으니 확인합니다. Validation 탭에는 '경고'로 표시됩니다.
* 값을 입력하는 즉시 칸에 색이 표시되고, 표 위의 범례에도 같은 내용이 정리되어 있습니다.

{| class="wikitable" style="background-color:white; width:100%"
! style="width:110px;" | 표시 !! 해당하는 경우 !! 고치는 방법
|-
| rowspan="2" style="text-align:center; background:#fee7e6; border:1px solid #d33;" | 빨간색<br>(오류) || <code>id</code>·<code>class</code>·<code>label</code> 가운데 비어 있는 칸이 있음 || 값을 입력합니다.
|-
| <code>id</code>에 공백·쉼표·큰따옴표가 있음 || 공백 대신 언더바(<code>_</code>)를 씁니다. 예: <code>순천 송광사</code> → <code>순천_송광사</code>
|-
| style="text-align:center; background:#d5fdf4; border:1px solid #14866d;" | 초록색<br>(중복) || 다른 노드와 <code>id</code>가 같음. 겹치는 칸이 모두 초록색이 됩니다. || 한쪽의 id를 바꾸거나, 같은 대상이면 한 행을 지웁니다.
|-
| rowspan="2" style="text-align:center; background:#fef6e7; border:1px solid #ac6600;" | 노란색<br>(확인 필요) || <code>class</code>가 #Class 목록에 없음 || 클래스 이름의 오타를 고치거나, Ontology 탭에서 클래스를 추가합니다.
|-
| <code>infoUrl</code>·<code>iconUrl</code>이 <code>http://</code>나 <code>https://</code>로 시작하지 않음 || 전체 주소를 입력합니다.
|}

==== infoUrl과 iconUrl 확인 ====
* 칸에 마우스를 올리면 '''전체 주소'''가 툴팁으로 보입니다.
* <code>iconUrl</code> 칸 왼쪽에는 '''아이콘 미리보기'''가 나타납니다. 이미지를 불러오지 못하면 <span style="color:#d33">⚠</span>가 표시되므로 주소를 다시 확인합니다.
* <code>infoUrl</code> 칸 오른쪽의 '''↗'''를 누르면 새 탭에서 그 주소를 열어 확인할 수 있습니다.

==== id를 바꿀 때 ====
* 노드의 id를 바꾸면 '''그 노드를 가리키는 링크(source, target)와 번역도 함께 바뀝니다.''' 바뀐 링크 수는 알림으로 잠깐 표시됩니다.
* 새 id가 규칙에 맞지 않거나(빨간색) 다른 노드와 중복되면(초록색), 링크와 번역은 바뀌지 않습니다. 서로 다른 노드의 링크가 섞이지 않게 하기 위해서입니다. id를 바르게 고치면 그때 링크와 번역이 새 id로 옮겨집니다.

==== 중복된 id를 고칠 때 주의할 점 ====
* 링크와 번역은 노드를 '''id로만''' 가리킵니다. 그래서 같은 id를 가진 노드가 둘 이상 있으면, 어떤 링크와 번역이 어느 노드의 것인지 LST Editor가 구별할 수 없습니다.
* 중복된 노드 가운데 하나의 id를 바꾸면, '''그 id를 쓰던 링크와 번역이 모두 새 id로 바뀝니다.''' 다른 노드에 속해야 할 링크와 번역도 함께 바뀝니다.
* 중복된 id를 고친 뒤에는 '''Link 탭과 Translation 탭을 확인'''하고, 원래 다른 노드의 것이었던 링크와 번역을 되돌려 놓아야 합니다.
** Link 탭: 해당 링크의 <code>source</code>·<code>target</code>을 원래 노드의 id로 다시 입력합니다.
** Translation 탭: 번역도 새 id 쪽으로 옮겨지므로, 원래 노드의 번역을 다시 입력합니다.
* 엑셀 가져오기(Import)로 데이터를 넣을 때 중복 id가 생기기 쉽습니다. 가능하면 엑셀 표에서 id를 먼저 정리한 뒤 가져오는 것이 안전합니다.