틀:SemanticGraph - 편집 역사

2026년 1월 12일 (월) 00:40에 Ec3admin님의 편집

2026-01-12T00:40:14Z

2026년 1월 12일 (월) 00:39에 Ec3admin님의 편집

2026-01-12T00:39:23Z

2026년 1월 12일 (월) 00:39에 Ec3admin님의 편집

2026-01-12T00:39:08Z

2026년 1월 12일 (월) 00:38에 Ec3admin님의 편집

2026-01-12T00:38:16Z

2026년 1월 12일 (월) 00:37에 Ec3admin님의 편집

2026-01-12T00:37:43Z

2026년 1월 12일 (월) 00:36에 Ec3admin님의 편집

2026-01-12T00:36:49Z

2026년 1월 12일 (월) 00:34에 Ec3admin님의 편집

2026-01-12T00:34:11Z

2026년 1월 12일 (월) 00:33에 Ec3admin님의 편집

2026-01-12T00:33:12Z

2026년 1월 12일 (월) 00:32에 Ec3admin님의 편집

2026-01-12T00:32:02Z

2025년 11월 13일 (목) 15:44에 Admin님의 편집

2025-11-13T15:44:54Z

@@ 1번째 줄: / 1번째 줄: @@
 <onlyinclude>
 {{#tag:html|
-<p>
+<iframe width="100%" height="640px" style="border:0" src="https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key|}}}"></iframe>
 <br/>
 <input type="button" value="전체화면" onclick="location.href='https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key}}}'">
 }}
 </onlyinclude>

@@ 1번째 줄: / 1번째 줄: @@
 <onlyinclude>
 {{#tag:html|
-<div class="semantic-graph-wrapper">
+<p>
-<h2 id="graph-heading" style="display:none;"><span class="mw-headline">의미관계망</span></h2>
+<iframe width="100%" height="640px" style="border:0" src="https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key}}}"></iframe>
 <br/>
 <input type="button" value="전체화면" onclick="location.href='https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key}}}'">
 </p>
-</div>
+}}
-<script>
+|<!-- key가 없으면 아무것도 표시 안 함 -->
 }}
 </onlyinclude>

@@ 1번째 줄: / 1번째 줄: @@
-index.php?title=%ED%8B%80:SemanticGraph:437  GET https://app.vaquitalab.com/aistory/api/check?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key= net::ERR_FAILED 404 (Not Found)
+<onlyinclude>
-(anonymous) @ index.php?title=%ED%8B%80:SemanticGraph:437
+{{#tag:html|
-(anonymous) @ index.php?title=%ED%8B%80:SemanticGraph:467Understand this error
+<div class="semantic-graph-wrapper">
-index.php?title=%ED%8B%80:SemanticGraph:448 fetch error: TypeError: Failed to fetch
+<h2 id="graph-heading" style="display:none;"><span class="mw-headline">의미관계망</span></h2>
-     at index.php?title=%ED%8B%80:SemanticGraph:437:3
+<p id="graph-content" style="display:none;">
-     at index.php?title=%ED%8B%80:SemanticGraph:467:3
+<iframe id="semantic-graph-iframe" width="100%" height="640px" style="border:0" src="https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key{{!}}|}}}"></iframe>
-web-client-content-script.js:2 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
+<br/>
-     at HTMLIFrameElement.<anonymous> (web-client-content-script.js:2:2350937)
+<input type="button" value="전체화면" onclick="location.href='https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key}}}'">
+</p>
+</div>

@@ 1번째 줄: / 1번째 줄: @@
-<onlyinclude>
+index.php?title=%ED%8B%80:SemanticGraph:437  GET https://app.vaquitalab.com/aistory/api/check?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key= net::ERR_FAILED 404 (Not Found)
-{{#tag:html|
+(anonymous) @ index.php?title=%ED%8B%80:SemanticGraph:437
-<div id="semantic-graph-container">
+(anonymous) @ index.php?title=%ED%8B%80:SemanticGraph:467Understand this error
-<iframe id="semantic-graph-iframe" width="100%" height="640px" style="border:0" src="https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key{{!}}|}}}"></iframe>
+index.php?title=%ED%8B%80:SemanticGraph:448 fetch error: TypeError: Failed to fetch
-<br/>
+     at index.php?title=%ED%8B%80:SemanticGraph:437:3
-<input type="button" value="전체화면" onclick="location.href='https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key}}}'">
+     at index.php?title=%ED%8B%80:SemanticGraph:467:3
-</div>
+web-client-content-script.js:2 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
-<script>
+     at HTMLIFrameElement.<anonymous> (web-client-content-script.js:2:2350937)

@@ 10번째 줄: / 10번째 줄: @@
    var iframe = document.getElementById('semantic-graph-iframe');
    var container = document.getElementById('semantic-graph-container');
-   iframe.addEventListener('load', function() {
+   // API 엔드포인트로 데이터 존재 여부 확인
-     setTimeout(function() {
+  fetch(iframeSrc.replace('/story01?', '/api/check?'))
-       try {
+     .then(function(response) {
-        var iframeDoc = iframe.contentDocument {{!}}{{!}} iframe.contentWindow.document;
+       return response.text();
-        var bodyContent = iframeDoc.body.innerHTML;
+    })
+    .then(function(data) {
-        // HTML 길이가 짧거나 특정 패턴이 있으면 에러로 간주
+      // 응답이 비어있거나 에러면 숨김
-        if (bodyContent.length < 500 {{!}}{{!}}
+      if (!data {{!}}{{!}} data.length < 100) {
-            bodyContent.includes('Simple Ontology Visualization') {{!}}{{!}}
+        hideGraphSection();
+       }
-     }, 1000);
+     })
-  });
+    .catch(function(error) {
+      console.log('fetch error:', error);
-  iframe.addEventListener('error', function() {
+      // fetch 실패시에도 숨기지 않음 (네트워크 오류일 수 있음)
-    hideGraphSection();
+    });
    function hideGraphSection() {
@@ 53번째 줄: / 47번째 줄: @@
 }}
 </onlyinclude>

@@ 2번째 줄: / 2번째 줄: @@
 {{#tag:html|
 <div id="semantic-graph-container">
-<iframe id="semantic-graph-iframe" width="100%" height="640px" style="border:0" src="https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key|}}}"></iframe>
+<iframe id="semantic-graph-iframe" width="100%" height="640px" style="border:0" src="https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key{{!}}|}}}"></iframe>
 <br/>
 <input type="button" value="전체화면" onclick="location.href='https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key}}}'">
@@ 13번째 줄: / 13번째 줄: @@
    iframe.addEventListener('load', function() {
      try {
-      // iframe 내용 접근 시도 (same-origin인 경우)
+       var iframeDoc = iframe.contentDocument {{!}}{{!}} iframe.contentWindow.document;
-      // 404 또는 에러 페이지 체크
+       if (iframeDoc.title.includes('404') {{!}}{{!}}
-       if (iframeDoc.title.includes('404') ||
+           iframeDoc.body.innerHTML.includes('404') {{!}}{{!}}
            iframeDoc.body.innerHTML.length < 100) {
          hideGraphSection();
+       }
      } catch(e) {
        fetch(iframe.src, {method: 'HEAD'})
          .then(function(response) {
-           if (!response.ok || response.status === 404) {
+           if (!response.ok {{!}}{{!}} response.status === 404) {
              hideGraphSection();
+           }
@@ 36번째 줄: / 33번째 줄: @@
    });
    iframe.addEventListener('error', function() {
      hideGraphSection();
@@ 42번째 줄: / 38번째 줄: @@
    function hideGraphSection() {
      var pTag = container.closest('p');
      if (pTag) {
        pTag.style.display = 'none';
        var prevElement = pTag.previousElementSibling;
        while (prevElement) {
@@ 62번째 줄: / 56번째 줄: @@
 }}
 </onlyinclude>