Haewon: 새 문서: 이 문서에서는 네트워크 그래프를 만들 때 사용할 수 있는 아이콘과 사용 방법을 안내합니다. 아이콘의 URL을 복사하여 `#Nodes`의 `iconUrl` 필드에 입력하면 네트워크 그래프에서 해당 이미지를 아이콘으로 사용할 수 있습니다. == '''아이콘 URL 복사하여 사용하기''' == 아래의 아이콘 목록에서 사용할 아이콘을 선택하고, 해당 아이콘의 URL을 복사하여...

2026-10-08T05:11:58Z

새 문서: 이 문서에서는 네트워크 그래프를 만들 때 사용할 수 있는 아이콘과 사용 방법을 안내합니다. 아이콘의 URL을 복사하여 <code>#Nodes</code>의 <code>iconUrl</code> 필드에 입력하면 네트워크 그래프에서 해당 이미지를 아이콘으로 사용할 수 있습니다. == '''아이콘 URL 복사하여 사용하기''' == 아래의 아이콘 목록에서 사용할 아이콘을 선택하고, 해당 아이콘의 URL을 복사하여...

새 문서

이 문서에서는 네트워크 그래프를 만들 때 사용할 수 있는 아이콘과 사용 방법을 안내합니다.

아이콘의 URL을 복사하여 <code>#Nodes</code>의 <code>iconUrl</code> 필드에 입력하면 네트워크 그래프에서 해당 이미지를 아이콘으로 사용할 수 있습니다.

== '''아이콘 URL 복사하여 사용하기''' ==
아래의 아이콘 목록에서 사용할 아이콘을 선택하고, 해당 아이콘의 URL을 복사하여 <code>#Nodes</code>의 <code>iconUrl</code> 필드에 입력합니다.
# 아이콘 선택
# URL 복사
# <code>iconUrl</code> 필드에 입력

예를 들어 다음과 같이 <code>#Nodes</code>에서 해당 노드의 <code>iconUrl</code> 필드에 복사한 URL을 입력합니다.
<pre>
#Nodes
순천_송광사, Temple, 송광사, Null, https://example.com/sample.png, Null
</pre>



== '''다른 프로젝트의 아이콘 참고하기''' ==
기존 디지털 인문학 프로젝트에서 제작한 네트워크 그래프용 아이콘을 참고하여 사용할 수 있습니다.

<div style="margin:14px 0;">


<div style="display:table; width:100%; margin-bottom:8px; padding:10px 14px; background:#ffffff; border:1px solid #dce3e9; border-radius:6px; box-sizing:border-box;">
<div style="display:table-cell; width:150px; vertical-align:middle; text-align:center; background:#ffffff;">[[파일:hanyangwikilogo.png|120px]]</div>
<div style="display:table-cell; vertical-align:middle; padding-left:15px; text-align:left;">
<div style="font-weight:bold; color:#40566b; margin-bottom:3px;">한양도성타임머신 프로젝트 아이콘 모음</div>
<div style="font-size:13px; color:#66737d; line-height:1.6;">한양도성타임머신 프로젝트에서 제작한 네트워크 그래프용 아이콘을 확인할 수 있습니다.<br>[https://dh.aks.ac.kr/hanyang2/wiki/index.php/기본_아이콘 아이콘 모음 바로가기 →]</div>
</div>
</div>


<div style="display:table; width:100%; padding:10px 14px; background:#ffffff; border:1px solid #dce3e9; border-radius:6px; box-sizing:border-box;">
<div style="display:table-cell; width:150px; vertical-align:middle; text-align:center; background:#ffffff;">[[파일:encyveswikilogo.png|120px]]</div>
<div style="display:table-cell; vertical-align:middle; padding-left:15px; text-align:left;">
<div style="font-weight:bold; color:#40566b; margin-bottom:3px;">Encyves 프로젝트 아이콘 모음</div>
<div style="font-size:13px; color:#66737d; line-height:1.6;">Encyves 프로젝트에서 제작한 네트워크 그래프용 아이콘을 확인할 수 있습니다.<br>[https://dh.aks.ac.kr/Encyves/wiki/index.php/그래프용_아이콘 아이콘 모음 바로가기 →]</div>
</div>
</div>

</div>

== '''아이콘 직접 업로드하여 사용하기''' ==
필요한 아이콘이 제공된 목록에 없는 경우에는 사용할 이미지 파일을 '''Classics 위키에 직접 업로드'''하여 네트워크 그래프의 아이콘으로 사용할 수 있습니다.

<div style="margin:16px 0; padding:14px 18px; background:#f7f9fb; border:1px solid #dce3e9; border-radius:7px; text-align:center; line-height:1.7;">
'''① 이미지 파일 업로드'''   →   '''② 파일 페이지에서 이미지 URL 확인'''   →   '''③ <code>iconUrl</code> 필드에 입력'''
</div>

=== ① 이미지 파일 업로드 ===
* 위키의 '''[[특수:올리기|파일 올리기]]''' 메뉴를 이용하여 아이콘으로 사용할 이미지 파일을 업로드합니다.
* 네트워크 그래프에서 아이콘으로 사용하기에 적합한 이미지 파일을 준비합니다.
* 파일을 업로드하면 해당 이미지의 '''파일 페이지'''가 생성됩니다.

=== ② 파일 페이지에서 이미지 URL 확인 ===
[[파일:Wiki_아이콘이미지업로드.png|center|800px]]
* 업로드한 이미지의 '''파일 페이지'''로 이동합니다.
* 파일 페이지에서 표시된 이미지를 클릭하여 '''원본 파일'''을 엽니다.
* 브라우저 주소창에 표시되는 '''이미지 파일의 URL'''을 복사합니다.
* <font color="red">'''주의''' : <code>파일:아이콘이름.png</code>과 같은 위키 파일 페이지의 주소가 아니라, 브라우저에서 이미지 자체를 열었을 때 표시되는 '''실제 이미지 파일의 URL'''을 사용합니다.</font>

=== ③ iconUrl 필드에 입력 ===
복사한 이미지 URL을 해당 노드의 <code>iconUrl</code> 필드에 입력합니다.
<pre>
#Nodes
순천_송광사, Temple, 송광사, Null, [업로드한 이미지의 URL], Null
</pre>

저장한 뒤 네트워크 그래프를 확인하면 해당 노드가 업로드한 이미지 아이콘으로 표시됩니다.

[[분류:시맨틱 큐레이션]]

Icons - 편집 역사