Icons 편집하기

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

아이콘의 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>

<!--
== '''2602C 수업용 아이콘 모음''' ==
[[AI고전번역학:2602C|2602C AI와 협업하는 불교 문화 큐레이션]] 수업에서 네트워크 그래프를 제작할 때 자주 사용할 수 있는 아이콘을 모아두었습니다. 표현하고자 하는 대상에 적합한 아이콘을 확인하고 '''URL 열의 주소를 복사하여 사용'''합니다.

{| class="wikitable sortable" style="width:100%; background:white; text-align:center;"
! style="width:120px" | 아이콘 !! style="width:200px;" | 이름 !! URL
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/templeA.png" width="50px"/>}} || 사찰 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/templeA.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/templeC.png" width="50px"/>}} || 사찰 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/templeC.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/monkA.png" width="50px"/>}} || 승려 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/monkA.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/monkB.png" width="50px"/>}} || 승려 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/monkB.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/buddhaLight.png" width="50px"/>}} || 부처 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/buddhaLight.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/userA.png" width="50px"/>}} || 인물 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/userA.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/crowd.png" width="50px"/>}} || 단체 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/crowd.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/text_blue.png" width="50px"/>}} || 기록물 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/text_blue.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/record_om.png" width="50px"/>}} || 기록물 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/record_om.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_bookSeries.png" width="50px"/>}} || 기록물 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_bookSeries.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_text.png" width="50px"/>}} || 기록물 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_text.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_rollText.png" width="50px"/>}} || 기록물 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_rollText.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_signboard.png" width="50px"/>}} || 기록물 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_signboard.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/quote.png" width="50px"/>}} || 기록물  || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/quote.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_woodblock.png" width="50px"/>}} || 기록물 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_woodblock.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/markerA.png" width="50px"/>}} || 장소 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/markerA.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/markerB.png" width="50px"/>}} || 장소 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/markerB.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/mountain.png" width="50px"/>}} || 장소 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/mountain.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_hall.png" width="50px"/>}} || 장소 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_hall.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_pagoda.png" width="50px"/>}} || 탑 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_pagoda.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_statueBuddha.png" width="50px"/>}} || 불상 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_statueBuddha.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_stele.png" width="50px"/>}} || 비석 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_stele.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_incense.png" width="50px"/>}} || 향 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_incense.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/lotus.png" width="50px"/>}} || 연꽃 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/lotus.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/dharmaWheel.png" width="50px"/>}} || 법륜 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/dharmaWheel.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_eventA.png" width="50px"/>}} || 사건 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_eventA.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_eventB.png" width="50px"/>}} || 사건 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/vq_eventB.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/hangingBoard.png" width="50px"/>}} || 개념 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/hangingBoard.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/idiom.png" width="50px"/>}} || 개념 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/idiom.png
|-
| {{#tag:html|<img src="https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/problem-solving.png" width="50px"/>}} || 개념 || style="text-align:left;" | https://kstoryhub.visualasia.com/classics/wiki/icons/2602C/problem-solving.png
|}
-->

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

<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>

    <!-- Encyves -->
    <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;">
'''① 이미지 파일 업로드''' &nbsp; → &nbsp; '''② 파일 페이지에서 이미지 URL 확인''' &nbsp; → &nbsp; '''③ <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>

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

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