|
|
| (같은 사용자의 중간 판 8개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| | {{#tag:html| | | {{#tag:html| |
| − | <body
| |
| − | class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-광주_문화예술_인문스토리_플랫폼 rootpage-광주_문화예술_인문스토리_플랫폼 skin-etbskin action-view page-gwangju-munhwayesul-inmunseutori-peulraespom4 page-ontologyekc-gwangju"
| |
| − | style="position: relative"
| |
| − | >
| |
| − | <!-- 이트라이브 수정 -->
| |
| − | <script>
| |
| − | document.addEventListener('DOMContentLoaded', function () {
| |
| − | const navItems = document.querySelectorAll('.gnb-list .one-depth');
| |
| − | const gnbArea = document.querySelector('.gnb-area');
| |
| − | const twoDepthBoxes = document.querySelectorAll('.two-depth-bx');
| |
| − |
| |
| − | function activateGnbArea() {
| |
| − | gnbArea.classList.add('active');
| |
| − | }
| |
| − |
| |
| − | function deactivateGnbArea() {
| |
| − | gnbArea.classList.remove('active');
| |
| − | }
| |
| − |
| |
| − | navItems.forEach(item => {
| |
| − | const link = item.querySelector('a');
| |
| − |
| |
| − | link.addEventListener('mouseenter', activateGnbArea);
| |
| − | link.addEventListener('mouseleave', deactivateGnbArea);
| |
| − |
| |
| − | link.addEventListener('focus', activateGnbArea);
| |
| − | link.addEventListener('blur', deactivateGnbArea);
| |
| − | });
| |
| − |
| |
| − | twoDepthBoxes.forEach(box => {
| |
| − | box.addEventListener('mouseenter', activateGnbArea);
| |
| − | box.addEventListener('mouseleave', deactivateGnbArea);
| |
| − |
| |
| − | box.addEventListener('focusin', activateGnbArea);
| |
| − | box.addEventListener('focusout', function (e) {
| |
| − | if (!box.contains(e.relatedTarget)) {
| |
| − | deactivateGnbArea();
| |
| − | }
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | // Handle when mouse leaves the entire gnb-area
| |
| − | gnbArea.addEventListener('mouseleave', deactivateGnbArea);
| |
| − | });
| |
| − | </script>
| |
| − | <div class="header-inner">
| |
| − | <div class="close-menu" id="close-menu"></div>
| |
| − | <div class="header-content">
| |
| − | <div class="gnb-wrap">
| |
| − | <!-- add-etribe -->
| |
| − | <div class="gnb-inner">
| |
| − | <!-- // add-etribe -->
| |
| − | <div class="gnb-logo">
| |
| − | <h1>
| |
| − | <a class="logo" href="/wiki/index.php/광주_문화예술_인문스토리_플랫폼">
| |
| − | 광주문화예술인문
| |
| − | <br />
| |
| − | 스 토 리 플 랫 폼
| |
| − | </a>
| |
| − | </h1>
| |
| − | </div>
| |
| − | <div class="gnb-area">
| |
| − | <span aria-hidden="true" class="bg-bar"></span>
| |
| − | <div class="gnb-list">
| |
| − | <ul>
| |
| − | <!-- add-etribe -->
| |
| − | <!-- <li class="one-depth"><a href="/wiki/index.php/%EC%86%8C%EA%B0%9C" id="n-.EC.86.8C.EA.B0.9C">사업소개</a></li><li class="one-depth"><a href="#" id="n-.ED.9E.88.EC.8A.A4.ED.86.A0.EB.A6.AC" class="dropdown-toggle" data-toggle="dropdown">히스토리 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-Ontology:EKC_.EA.B4.91.EC.A3.BC" class="active"><a href="/wiki/index.php/Ontology:EKC_%EA%B4%91%EC%A3%BC" tabindex="-1">온톨로지</a></li><li id="n-.ED.8E.B8.EC.B0.AC.ED.95.AD.EB.AA.A9:Class:.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%ED%8E%B8%EC%B0%AC%ED%95%AD%EB%AA%A9:Class:%EB%AA%A9%EB%A1%9D" tabindex="-1">콘텐츠 편찬현황</a></li><li id="n-.EC.B0.B8.EA.B3.A0.EB.AC.B8.ED.97.8C"><a href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EB%AC%B8%ED%97%8C" tabindex="-1">참고문헌</a></li><li id="n-.EC.B0.B8.EA.B3.A0.EC.9E.90.EB.A3.8C"><a href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EC%9E%90%EB%A3%8C" tabindex="-1">참고자료</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC" class="dropdown-toggle" data-toggle="dropdown">인문스토리 네트워크 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-.EC.8B.9C.EB.A7.A8.ED.8B.B1_.EB.8D.B0.EC.9D.B4.ED.84.B0_.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC"><a href="/wiki/index.php/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EB%8D%B0%EC%9D%B4%ED%84%B0_%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC" tabindex="-1">인문스토리 네트워크</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EC.BB.A8.ED.85.90.EC.B8.A0" class="dropdown-toggle" data-toggle="dropdown">인문스토리 컨텐츠 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-.EB.B6.84.EB.A5.98:Actor"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Actor" tabindex="-1">인물/단체(Actor)</a></li><li id="n-.EB.B6.84.EB.A5.98:Concept"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Concept" tabindex="-1">개념/용어(Concept)</a></li><li id="n-.EB.B6.84.EB.A5.98:event"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Event" tabindex="-1">사건(event)</a></li><li id="n-.EB.B6.84.EB.A5.98:food"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Food" tabindex="-1">음식(Food)</a></li><li id="n-.EB.B6.84.EB.A5.98:Object"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Object" tabindex="-1">사물(Object)</a></li><li id="n-.EB.B6.84.EB.A5.98:Place"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Place" tabindex="-1">장소(Place)</a></li><li id="n-.EB.B6.84.EB.A5.98:Architecture"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Architecture" tabindex="-1">건축물(Architecture)</a></li><li id="n-.EB.B6.84.EB.A5.98:Record"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Record" tabindex="-1">기록물(Record)</a></li><li id="n-.EB.B6.84.EB.A5.98:.EB.AC.B8.EB.A7.A5.ED.95.AD.EB.AA.A9"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:%EB%AC%B8%EB%A7%A5%ED%95%AD%EB%AA%A9" tabindex="-1">문맥항목</a></li><li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D" tabindex="-1">스토리(Story)</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8-.EB.A9.94.ED.83.80.EB.B2.84.EC.8A.A4" class="dropdown-toggle" data-toggle="dropdown">인문-메타버스 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-metaverse"><a href="/wiki/index.php/Metaverse" tabindex="-1">메타버스</a></li><li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D" tabindex="-1">스토리 컨텐츠</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8-.EC.95.84.EC.B9.B4.EC.9D.B4.EB.B8.8C" class="dropdown-toggle" data-toggle="dropdown">인문-아카이브 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-3D_.EC.96.B4.EC.85.8B_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D" tabindex="-1">3D 어셋</a></li><li id="n-video"><a href="/wiki/index.php/Video" tabindex="-1">Video</a></li><li id="n-.EC.82.AC.EC.A7.84_.EC.9E.90.EB.A3.8C.EA.B4.80"><a href="/wiki/index.php/%EC%82%AC%EC%A7%84_%EC%9E%90%EB%A3%8C%EA%B4%80" tabindex="-1">사진자료관</a></li><li id="n-.EA.B9.80.ED.99.8D.EC.9D.B8_.EC.82.AC.EC.A7.84.EA.B4.80"><a href="/wiki/index.php/%EA%B9%80%ED%99%8D%EC%9D%B8_%EC%82%AC%EC%A7%84%EA%B4%80" tabindex="-1">김홍인 사진관</a></li><li id="n-.EA.B4.91.EC.A3.BC_.EC.9E.90.EB.A3.8C.EA.B4.80"><a href="/wiki/index.php/%EA%B4%91%EC%A3%BC_%EC%9E%90%EB%A3%8C%EA%B4%80" tabindex="-1">광주자료관</a></li><li id="n-https:.2F.2Fdaedong-mobile-web.vercel.app.2F"><a href="https://daedong-mobile-web.vercel.app/" rel="nofollow" target="_blank" tabindex="-1">AR 체험</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EA.B5.90.EC.9C.A1" class="dropdown-toggle" data-toggle="dropdown">인문스토리-교육 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EC.8B.9C.EB.AF.BC.EA.B5.90.EC.9C.A1.29"><a href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EC%8B%9C%EB%AF%BC%EA%B5%90%EC%9C%A1)" tabindex="-1">2023시민교육</a></li><li id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EB.94.94.EC.A7.80.ED.84.B8.EC.9E.91.EA.B0.80.29"><a href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EB%94%94%EC%A7%80%ED%84%B8%EC%9E%91%EA%B0%80)" tabindex="-1">작가교육</a></li></ul></li> -->
| |
| − | <!-- add-etribe -->
| |
| − | <li class="one-depth">
| |
| − | <a href="/wiki/index.php/소개"> 사업소개 </a>
| |
| − | <div class="two-depth-bx"></div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="#"> 히스토리 </a>
| |
| − | <div class="two-depth-bx">
| |
| − | <ul class="two-depth-list">
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/Ontology:EKC_광주">
| |
| − | <span class="btn-txt"> 온톨로지 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/편찬항목:Class:목록">
| |
| − | <span class="btn-txt"> 콘텐츠 편찬현황 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/참고문헌">
| |
| − | <span class="btn-txt"> 참고문헌 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/참고자료">
| |
| − | <span class="btn-txt"> 참고자료 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="/wiki/index.php/시맨틱_데이터_네트워크"> 인문스토리 네트워크 </a>
| |
| − | <div class="two-depth-bx"></div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="#"> 인문스토리 컨텐츠 </a>
| |
| − | <div class="two-depth-bx">
| |
| − | <ul class="two-depth-list">
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Actor">
| |
| − | <span class="btn-txt"> 인물/단체 (Actor) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Concept">
| |
| − | <span class="btn-txt"> 개념/용어 (Concept) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Event">
| |
| − | <span class="btn-txt"> 사건 (Event) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Food">
| |
| − | <span class="btn-txt"> 음식 (Food) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Object">
| |
| − | <span class="btn-txt"> 사물 (Object) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Place">
| |
| − | <span class="btn-txt"> 장소 (Place) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Architecture">
| |
| − | <span class="btn-txt"> 건축물 (Architecture) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:Record">
| |
| − | <span class="btn-txt"> 기록물 (Record) </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/분류:문맥항목">
| |
| − | <span class="btn-txt"> 문맥항목 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/스토리_목록">
| |
| − | <span class="btn-txt"> 스토리 목록 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="#"> 인문 메타버스 </a>
| |
| − | <div class="two-depth-bx">
| |
| − | <ul class="two-depth-list">
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/Metaverse">
| |
| − | <span class="btn-txt"> 메타버스 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/스토리_목록">
| |
| − | <span class="btn-txt"> 스토리 컨텐츠 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="#"> 인문 아카이브 </a>
| |
| − | <div class="two-depth-bx">
| |
| − | <ul class="two-depth-list">
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/3D_어셋_목록">
| |
| − | <span class="btn-txt"> 3D 어셋 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/Video">
| |
| − | <span class="btn-txt"> Video </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth current">
| |
| − | <a href="/wiki/index.php/사진_자료관">
| |
| − | <span class="btn-txt"> 사진자료관 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/김홍인_사진관">
| |
| − | <span class="btn-txt"> 김홍인 사진관 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/광주_자료관">
| |
| − | <span class="btn-txt"> 광주 자료관 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="https://daedong-mobile-web.vercel.app/landing" target="_blank">
| |
| − | <span class="btn-txt"> AR 체험 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a href="#"> 인문스토리 교육 </a>
| |
| − | <div class="two-depth-bx">
| |
| − | <ul class="two-depth-list">
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/2023_교육자료(시민교육)">
| |
| − | <span class="btn-txt"> 2023 시민교육 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="two-depth">
| |
| − | <a href="/wiki/index.php/2023_교육자료(디지털작가)">
| |
| − | <span class="btn-txt"> 작가교육 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gnb-user">
| |
| − | <button class="btn-search">
| |
| − | <i aria-hidden="true" class="icon-search"> </i>
| |
| − | <span class="hide-txt"> 검색하기 </span>
| |
| − | </button>
| |
| − | <!-- add-etribe -->
| |
| − | <div class="navbar-inner" id="mw-head">
| |
| − | <div class="container">
| |
| − | <div class="navbar-header basic-02" id="hbg-ico-wrap">
| |
| − | <button class="navbar-toggle all-menu-btn" id="etb-menu-toggle" type="button">
| |
| − | <span class="sr-only"> Toggle navigation </span>
| |
| − | <div class="menu center">
| |
| − | <div class="menu_part"></div>
| |
| − | <div class="menu_part"></div>
| |
| − | </div>
| |
| − | </button>
| |
| − | </div>
| |
| − | <div id="navbar" style="display: none">
| |
| − | <ul>
| |
| − | <li class="one-depth">
| |
| − | <a href="/wiki/index.php/%EC%86%8C%EA%B0%9C" id="n-.EC.86.8C.EA.B0.9C">
| |
| − | 사업소개
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.ED.9E.88.EC.8A.A4.ED.86.A0.EB.A6.AC"
| |
| − | >
| |
| − | 히스토리
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li class="active" id="n-Ontology:EKC_.EA.B4.91.EC.A3.BC">
| |
| − | <a href="/wiki/index.php/Ontology:EKC_%EA%B4%91%EC%A3%BC" tabindex="-1">
| |
| − | 온톨로지
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.ED.8E.B8.EC.B0.AC.ED.95.AD.EB.AA.A9:Class:.EB.AA.A9.EB.A1.9D">
| |
| − | <a
| |
| − | href="/wiki/index.php/%ED%8E%B8%EC%B0%AC%ED%95%AD%EB%AA%A9:Class:%EB%AA%A9%EB%A1%9D"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 콘텐츠 편찬현황
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EC.B0.B8.EA.B3.A0.EB.AC.B8.ED.97.8C">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EB%AC%B8%ED%97%8C"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 참고문헌
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EC.B0.B8.EA.B3.A0.EC.9E.90.EB.A3.8C">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EC%9E%90%EB%A3%8C"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 참고자료
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC"
| |
| − | >
| |
| − | 인문스토리 네트워크
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li
| |
| − | id="n-.EC.8B.9C.EB.A7.A8.ED.8B.B1_.EB.8D.B0.EC.9D.B4.ED.84.B0_.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC"
| |
| − | >
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EB%8D%B0%EC%9D%B4%ED%84%B0_%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 인문스토리 네트워크
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EC.BB.A8.ED.85.90.EC.B8.A0"
| |
| − | >
| |
| − | 인문스토리 컨텐츠
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Actor">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Actor" tabindex="-1">
| |
| − | 인물/단체(Actor)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Concept">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Concept" tabindex="-1">
| |
| − | 개념/용어(Concept)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:event">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Event" tabindex="-1">
| |
| − | 사건(event)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:food">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Food" tabindex="-1">
| |
| − | 음식(Food)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Object">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Object" tabindex="-1">
| |
| − | 사물(Object)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Place">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Place" tabindex="-1">
| |
| − | 장소(Place)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Architecture">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Architecture" tabindex="-1">
| |
| − | 건축물(Architecture)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:Record">
| |
| − | <a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Record" tabindex="-1">
| |
| − | 기록물(Record)
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EB.B6.84.EB.A5.98:.EB.AC.B8.EB.A7.A5.ED.95.AD.EB.AA.A9">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EB%B6%84%EB%A5%98:%EB%AC%B8%EB%A7%A5%ED%95%AD%EB%AA%A9"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 문맥항목
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 스토리(Story)
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.EC.9D.B8.EB.AC.B8-.EB.A9.94.ED.83.80.EB.B2.84.EC.8A.A4"
| |
| − | >
| |
| − | 인문-메타버스
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li id="n-metaverse">
| |
| − | <a href="/wiki/index.php/Metaverse" tabindex="-1"> 메타버스 </a>
| |
| − | </li>
| |
| − | <li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 스토리 컨텐츠
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.EC.9D.B8.EB.AC.B8-.EC.95.84.EC.B9.B4.EC.9D.B4.EB.B8.8C"
| |
| − | >
| |
| − | 인문-아카이브
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li id="n-3D_.EC.96.B4.EC.85.8B_.EB.AA.A9.EB.A1.9D">
| |
| − | <a
| |
| − | href="/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 3D 어셋
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-video">
| |
| − | <a href="/wiki/index.php/Video" tabindex="-1"> Video </a>
| |
| − | </li>
| |
| − | <li id="n-.EC.82.AC.EC.A7.84_.EC.9E.90.EB.A3.8C.EA.B4.80">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EC%82%AC%EC%A7%84_%EC%9E%90%EB%A3%8C%EA%B4%80"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 사진자료관
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EA.B9.80.ED.99.8D.EC.9D.B8_.EC.82.AC.EC.A7.84.EA.B4.80">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EA%B9%80%ED%99%8D%EC%9D%B8_%EC%82%AC%EC%A7%84%EA%B4%80"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 김홍인 사진관
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-.EA.B4.91.EC.A3.BC_.EC.9E.90.EB.A3.8C.EA.B4.80">
| |
| − | <a
| |
| − | href="/wiki/index.php/%EA%B4%91%EC%A3%BC_%EC%9E%90%EB%A3%8C%EA%B4%80"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 광주자료관
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="n-https:.2F.2Fdaedong-mobile-web.vercel.app.2F">
| |
| − | <a
| |
| − | href="https://daedong-mobile-web.vercel.app/"
| |
| − | rel="nofollow"
| |
| − | tabindex="-1"
| |
| − | target="_blank"
| |
| − | >
| |
| − | AR 체험
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EA.B5.90.EC.9C.A1"
| |
| − | >
| |
| − | 인문스토리-교육
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li
| |
| − | id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EC.8B.9C.EB.AF.BC.EA.B5.90.EC.9C.A1.29"
| |
| − | >
| |
| − | <a
| |
| − | href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EC%8B%9C%EB%AF%BC%EA%B5%90%EC%9C%A1)"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 2023시민교육
| |
| − | </a>
| |
| − | </li>
| |
| − | <li
| |
| − | id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EB.94.94.EC.A7.80.ED.84.B8.EC.9E.91.EA.B0.80.29"
| |
| − | >
| |
| − | <a
| |
| − | href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EB%94%94%EC%A7%80%ED%84%B8%EC%9E%91%EA%B0%80)"
| |
| − | tabindex="-1"
| |
| − | >
| |
| − | 작가교육
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <li class="one-depth">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="t-tools">
| |
| − | <span class="glyphicon glyphicon-cog"> </span>
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li id="t-cite">
| |
| − | <a
| |
| − | href="/wiki/index.php?title=%ED%8A%B9%EC%88%98:%EC%9D%B4%EB%AC%B8%EC%84%9C%EC%9D%B8%EC%9A%A9&page=Ontology%3AEKC_%EA%B4%91%EC%A3%BC&id=22594"
| |
| − | tabindex="-1"
| |
| − | title="이 문서를 인용하는 방법에 대한 정보"
| |
| − | >
| |
| − | 이 문서 인용하기
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="t-info">
| |
| − | <a
| |
| − | href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&action=info"
| |
| − | tabindex="-1"
| |
| − | title="이 문서에 대한 자세한 정보"
| |
| − | >
| |
| − | 문서 정보
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="t-permalink">
| |
| − | <a
| |
| − | href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&oldid=22594"
| |
| − | tabindex="-1"
| |
| − | title="문서의 이 판에 대한 고유링크"
| |
| − | >
| |
| − | 고유 링크
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="t-print">
| |
| − | <a
| |
| − | accesskey="p"
| |
| − | href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&printable=yes"
| |
| − | rel="alternate"
| |
| − | tabindex="-1"
| |
| − | title="이 문서의 인쇄용 판 [alt-shift-p]"
| |
| − | >
| |
| − | 인쇄용 판
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="divider"></li>
| |
| − | <li id="t-specialpages">
| |
| − | <a
| |
| − | accesskey="q"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%ED%8A%B9%EC%88%98%EB%AC%B8%EC%84%9C"
| |
| − | tabindex="-1"
| |
| − | title="모든 특수 문서의 목록 [alt-shift-q]"
| |
| − | >
| |
| − | 특수 문서 목록
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="t-upload">
| |
| − | <a
| |
| − | accesskey="u"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EC%98%AC%EB%A6%AC%EA%B8%B0"
| |
| − | tabindex="-1"
| |
| − | title="파일 올리기 [alt-shift-u]"
| |
| − | >
| |
| − | 파일 올리기
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="t-recentchangeslinked">
| |
| − | <a
| |
| − | accesskey="k"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EB%A7%81%ED%81%AC%EC%B5%9C%EA%B7%BC%EB%B0%94%EB%80%9C/Ontology:EKC_%EA%B4%91%EC%A3%BC"
| |
| − | rel="nofollow"
| |
| − | tabindex="-1"
| |
| − | title="이 문서에서 링크한 문서의 최근 바뀜 [alt-shift-k]"
| |
| − | >
| |
| − | 가리키는 글의 최근 바뀜
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="divider"></li>
| |
| − | <li id="t-whatlinkshere">
| |
| − | <a
| |
| − | accesskey="j"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EA%B0%80%EB%A6%AC%ED%82%A4%EB%8A%94%EB%AC%B8%EC%84%9C/Ontology:EKC_%EA%B4%91%EC%A3%BC"
| |
| − | tabindex="-1"
| |
| − | title="여기를 가리키는 모든 위키 문서의 목록 [alt-shift-j]"
| |
| − | >
| |
| − | 여기를 가리키는 문서
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="one-depth">
| |
| − | <a
| |
| − | class="dropdown-toggle"
| |
| − | data-toggle="dropdown"
| |
| − | href="#"
| |
| − | id="pt-personaltools"
| |
| − | >
| |
| − | <span class="glyphicon glyphicon-user"> </span>
| |
| − | <span class="tweeki-username"> Admin </span>
| |
| − | <b class="caret"> </b>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li id="pt-userpage">
| |
| − | <a
| |
| − | accesskey="."
| |
| − | class="new"
| |
| − | dir="auto"
| |
| − | href="/wiki/index.php/%EC%82%AC%EC%9A%A9%EC%9E%90:Admin"
| |
| − | title="내 사용자 문서 [alt-shift-.]"
| |
| − | >
| |
| − | Admin
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="pt-mytalk">
| |
| − | <a
| |
| − | accesskey="n"
| |
| − | class="new"
| |
| − | href="/wiki/index.php/%EC%82%AC%EC%9A%A9%EC%9E%90%ED%86%A0%EB%A1%A0:Admin"
| |
| − | title="내 토론 문서 [alt-shift-n]"
| |
| − | >
| |
| − | 토론
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="divider"></li>
| |
| − | <li id="pt-preferences">
| |
| − | <a
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%95"
| |
| − | title="사용자 환경 설정"
| |
| − | >
| |
| − | 환경 설정
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="pt-watchlist">
| |
| − | <a
| |
| − | accesskey="l"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EC%A3%BC%EC%8B%9C%EB%AC%B8%EC%84%9C%EB%AA%A9%EB%A1%9D"
| |
| − | title="주시문서에 대한 바뀜 목록 [alt-shift-l]"
| |
| − | >
| |
| − | 주시문서 목록
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="pt-mycontris">
| |
| − | <a
| |
| − | accesskey="y"
| |
| − | href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EA%B8%B0%EC%97%AC/Admin"
| |
| − | title="내 기여 목록 [alt-shift-y]"
| |
| − | >
| |
| − | 기여
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="divider"></li>
| |
| − | <li id="pt-logout">
| |
| − | <a
| |
| − | href="/wiki/index.php?title=%ED%8A%B9%EC%88%98:%EB%A1%9C%EA%B7%B8%EC%95%84%EC%9B%83&returnto=Ontology%3AEKC+%EA%B4%91%EC%A3%BC&logoutToken=c91277c1623040ff7e9c816d895b25e568537da1%2B%5C"
| |
| − | title="로그아웃"
| |
| − | >
| |
| − | 로그아웃
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <form action="/wiki/index.php" class="navbar-form navbar-right" id="searchform">
| |
| − | <div class="form-group">
| |
| − | <label class="hidden-xs" for="wpSearch"> 검색 </label>
| |
| − | <input
| |
| − | accesskey="f"
| |
| − | class="search-query form-control"
| |
| − | id="wpSearch"
| |
| − | name="search"
| |
| − | placeholder="검색"
| |
| − | title="광주문화예술인문스토리플랫폼 검색 [alt-shift-f]"
| |
| − | type="search"
| |
| − | />
| |
| − | <input
| |
| − | class="searchButton btn"
| |
| − | id="mw-searchButton"
| |
| − | name="go"
| |
| − | title="이 이름의 문서가 존재하면 그 문서로 바로 가기"
| |
| − | type="submit"
| |
| − | value="보기"
| |
| − | />
| |
| − | </div>
| |
| − | </form>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- <div id="hbg-ico-wrap">
| |
| − | <input id="basic-02" type="checkbox" />
| |
| − | <label for="basic-02" class="basic-02">
| |
| − | <div class="menu center">
| |
| − | <div class="menu_part"></div>
| |
| − | <div class="menu_part"></div>
| |
| − | </div>
| |
| − | </label>
| |
| − | </div> -->
| |
| − | <!-- <button class="btn-all-menu">
| |
| − | <i class="icon-allmenu" aria-hidden="true"></i>
| |
| − | <span class="hide-txt">전체메뉴</span>
| |
| − | </button> -->
| |
| − | <!-- add-etribe -->
| |
| − | </div>
| |
| − | <!-- add-etribe -->
| |
| − | </div>
| |
| − | <!-- //add-etribe -->
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="allmenu"></div>
| |
| − | </div>
| |
| − | <!-- //이트라이브 수정 -->
| |
| − | <!-- navbar -->
| |
| − | <div class="navbar navbar-default navbar-fixed-top" id="mw-navigation" role="navigation">
| |
| − | <h2>둘러보기 메뉴</h2>
| |
| − | <!-- <div id="mw-head" class="navbar-inner">
| |
| − | <div class="container">
| |
| − |
| |
| − | <div class="navbar-header">
| |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
| |
| − | <span class="sr-only">Toggle navigation</span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | </button>
| |
| − |
| |
| − | <a href="/wiki/index.php/%EB%8C%80%EB%AC%B8" class="navbar-brand">광주문화예술인문스토리플랫폼</a>
| |
| − | </div>
| |
| − |
| |
| − | <div id="navbar" class="navbar-collapse collapse">
| |
| − | <ul class="nav navbar-nav">
| |
| − | <li class="one-depth"><a href="/wiki/index.php/%EC%86%8C%EA%B0%9C" id="n-.EC.86.8C.EA.B0.9C">사업소개</a></li><li class="one-depth"><a href="#" id="n-.ED.9E.88.EC.8A.A4.ED.86.A0.EB.A6.AC" class="dropdown-toggle" data-toggle="dropdown">히스토리 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-Ontology:EKC_.EA.B4.91.EC.A3.BC" class="active"><a href="/wiki/index.php/Ontology:EKC_%EA%B4%91%EC%A3%BC" tabindex="-1">온톨로지</a></li><li id="n-.ED.8E.B8.EC.B0.AC.ED.95.AD.EB.AA.A9:Class:.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%ED%8E%B8%EC%B0%AC%ED%95%AD%EB%AA%A9:Class:%EB%AA%A9%EB%A1%9D" tabindex="-1">콘텐츠 편찬현황</a></li><li id="n-.EC.B0.B8.EA.B3.A0.EB.AC.B8.ED.97.8C"><a href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EB%AC%B8%ED%97%8C" tabindex="-1">참고문헌</a></li><li id="n-.EC.B0.B8.EA.B3.A0.EC.9E.90.EB.A3.8C"><a href="/wiki/index.php/%EC%B0%B8%EA%B3%A0%EC%9E%90%EB%A3%8C" tabindex="-1">참고자료</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC" class="dropdown-toggle" data-toggle="dropdown">인문스토리 네트워크 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-.EC.8B.9C.EB.A7.A8.ED.8B.B1_.EB.8D.B0.EC.9D.B4.ED.84.B0_.EB.84.A4.ED.8A.B8.EC.9B.8C.ED.81.AC"><a href="/wiki/index.php/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EB%8D%B0%EC%9D%B4%ED%84%B0_%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC" tabindex="-1">인문스토리 네트워크</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EC.BB.A8.ED.85.90.EC.B8.A0" class="dropdown-toggle" data-toggle="dropdown">인문스토리 컨텐츠 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-.EB.B6.84.EB.A5.98:Actor"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Actor" tabindex="-1">인물/단체(Actor)</a></li><li id="n-.EB.B6.84.EB.A5.98:Concept"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Concept" tabindex="-1">개념/용어(Concept)</a></li><li id="n-.EB.B6.84.EB.A5.98:event"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Event" tabindex="-1">사건(event)</a></li><li id="n-.EB.B6.84.EB.A5.98:food"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Food" tabindex="-1">음식(Food)</a></li><li id="n-.EB.B6.84.EB.A5.98:Object"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Object" tabindex="-1">사물(Object)</a></li><li id="n-.EB.B6.84.EB.A5.98:Place"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Place" tabindex="-1">장소(Place)</a></li><li id="n-.EB.B6.84.EB.A5.98:Architecture"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Architecture" tabindex="-1">건축물(Architecture)</a></li><li id="n-.EB.B6.84.EB.A5.98:Record"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:Record" tabindex="-1">기록물(Record)</a></li><li id="n-.EB.B6.84.EB.A5.98:.EB.AC.B8.EB.A7.A5.ED.95.AD.EB.AA.A9"><a href="/wiki/index.php/%EB%B6%84%EB%A5%98:%EB%AC%B8%EB%A7%A5%ED%95%AD%EB%AA%A9" tabindex="-1">문맥항목</a></li><li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D" tabindex="-1">스토리(Story)</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8-.EB.A9.94.ED.83.80.EB.B2.84.EC.8A.A4" class="dropdown-toggle" data-toggle="dropdown">인문-메타버스 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-metaverse"><a href="/wiki/index.php/Metaverse" tabindex="-1">메타버스</a></li><li id="n-.EC.8A.A4.ED.86.A0.EB.A6.AC_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/%EC%8A%A4%ED%86%A0%EB%A6%AC_%EB%AA%A9%EB%A1%9D" tabindex="-1">스토리 컨텐츠</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8-.EC.95.84.EC.B9.B4.EC.9D.B4.EB.B8.8C" class="dropdown-toggle" data-toggle="dropdown">인문-아카이브 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-3D_.EC.96.B4.EC.85.8B_.EB.AA.A9.EB.A1.9D"><a href="/wiki/index.php/3D_%EC%96%B4%EC%85%8B_%EB%AA%A9%EB%A1%9D" tabindex="-1">3D 어셋</a></li><li id="n-video"><a href="/wiki/index.php/Video" tabindex="-1">Video</a></li><li id="n-.EC.82.AC.EC.A7.84_.EC.9E.90.EB.A3.8C.EA.B4.80"><a href="/wiki/index.php/%EC%82%AC%EC%A7%84_%EC%9E%90%EB%A3%8C%EA%B4%80" tabindex="-1">사진자료관</a></li><li id="n-.EA.B9.80.ED.99.8D.EC.9D.B8_.EC.82.AC.EC.A7.84.EA.B4.80"><a href="/wiki/index.php/%EA%B9%80%ED%99%8D%EC%9D%B8_%EC%82%AC%EC%A7%84%EA%B4%80" tabindex="-1">김홍인 사진관</a></li><li id="n-.EA.B4.91.EC.A3.BC_.EC.9E.90.EB.A3.8C.EA.B4.80"><a href="/wiki/index.php/%EA%B4%91%EC%A3%BC_%EC%9E%90%EB%A3%8C%EA%B4%80" tabindex="-1">광주자료관</a></li><li id="n-https:.2F.2Fdaedong-mobile-web.vercel.app.2F"><a href="https://daedong-mobile-web.vercel.app/" rel="nofollow" target="_blank" tabindex="-1">AR 체험</a></li></ul></li><li class="one-depth"><a href="#" id="n-.EC.9D.B8.EB.AC.B8.EC.8A.A4.ED.86.A0.EB.A6.AC-.EA.B5.90.EC.9C.A1" class="dropdown-toggle" data-toggle="dropdown">인문스토리-교육 <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EC.8B.9C.EB.AF.BC.EA.B5.90.EC.9C.A1.29"><a href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EC%8B%9C%EB%AF%BC%EA%B5%90%EC%9C%A1)" tabindex="-1">2023시민교육</a></li><li id="n-2023_.EA.B5.90.EC.9C.A1.EC.9E.90.EB.A3.8C.28.EB.94.94.EC.A7.80.ED.84.B8.EC.9E.91.EA.B0.80.29"><a href="/wiki/index.php/2023_%EA%B5%90%EC%9C%A1%EC%9E%90%EB%A3%8C(%EB%94%94%EC%A7%80%ED%84%B8%EC%9E%91%EA%B0%80)" tabindex="-1">작가교육</a></li></ul></li> </ul>
| |
| − |
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <li class="one-depth"><a href="#" id="t-tools" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-cog'></span> <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="t-cite"><a href="/wiki/index.php?title=%ED%8A%B9%EC%88%98:%EC%9D%B4%EB%AC%B8%EC%84%9C%EC%9D%B8%EC%9A%A9&page=Ontology%3AEKC_%EA%B4%91%EC%A3%BC&id=22594" tabindex="-1" title="이 문서를 인용하는 방법에 대한 정보">이 문서 인용하기</a></li><li id="t-info"><a href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&action=info" tabindex="-1" title="이 문서에 대한 자세한 정보">문서 정보</a></li><li id="t-permalink"><a href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&oldid=22594" tabindex="-1" title="문서의 이 판에 대한 고유링크">고유 링크</a></li><li id="t-print"><a href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&printable=yes" rel="alternate" tabindex="-1" title="이 문서의 인쇄용 판 [p]" accesskey="p">인쇄용 판</a></li><li class="divider" /><li id="t-specialpages"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%ED%8A%B9%EC%88%98%EB%AC%B8%EC%84%9C" tabindex="-1" title="모든 특수 문서의 목록 [q]" accesskey="q">특수 문서 목록</a></li><li id="t-upload"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EC%98%AC%EB%A6%AC%EA%B8%B0" tabindex="-1" title="파일 올리기 [u]" accesskey="u">파일 올리기</a></li><li id="t-recentchangeslinked"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EB%A7%81%ED%81%AC%EC%B5%9C%EA%B7%BC%EB%B0%94%EB%80%9C/Ontology:EKC_%EA%B4%91%EC%A3%BC" rel="nofollow" tabindex="-1" title="이 문서에서 링크한 문서의 최근 바뀜 [k]" accesskey="k">가리키는 글의 최근 바뀜</a></li><li class="divider" /><li id="t-whatlinkshere"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EA%B0%80%EB%A6%AC%ED%82%A4%EB%8A%94%EB%AC%B8%EC%84%9C/Ontology:EKC_%EA%B4%91%EC%A3%BC" tabindex="-1" title="여기를 가리키는 모든 위키 문서의 목록 [j]" accesskey="j">여기를 가리키는 문서</a></li></ul></li><li class="one-depth"><a href="#" id="pt-personaltools" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> <span class="tweeki-username">Admin</span> <b class="caret"></b></a><ul class="dropdown-menu " role="menu"><li id="pt-userpage"><a href="/wiki/index.php/%EC%82%AC%EC%9A%A9%EC%9E%90:Admin" class="new" dir="auto" title="내 사용자 문서 [.]" accesskey=".">Admin</a></li><li id="pt-mytalk"><a href="/wiki/index.php/%EC%82%AC%EC%9A%A9%EC%9E%90%ED%86%A0%EB%A1%A0:Admin" class="new" title="내 토론 문서 [n]" accesskey="n">토론</a></li><li class="divider" /><li id="pt-preferences"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%95" title="사용자 환경 설정">환경 설정</a></li><li id="pt-watchlist"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EC%A3%BC%EC%8B%9C%EB%AC%B8%EC%84%9C%EB%AA%A9%EB%A1%9D" title="주시문서에 대한 바뀜 목록 [l]" accesskey="l">주시문서 목록</a></li><li id="pt-mycontris"><a href="/wiki/index.php/%ED%8A%B9%EC%88%98:%EA%B8%B0%EC%97%AC/Admin" title="내 기여 목록 [y]" accesskey="y">기여</a></li><li class="divider" /><li id="pt-logout"><a href="/wiki/index.php?title=%ED%8A%B9%EC%88%98:%EB%A1%9C%EA%B7%B8%EC%95%84%EC%9B%83&returnto=Ontology%3AEKC+%EA%B4%91%EC%A3%BC&logoutToken=c91277c1623040ff7e9c816d895b25e568537da1%2B%5C" title="로그아웃">로그아웃</a></li></ul></li></ul>
| |
| − | <form class="navbar-form navbar-right" action="/wiki/index.php" id="searchform">
| |
| − | <div class="form-group">
| |
| − | <label for="wpSearch" class="hidden-xs">
| |
| − | 검색
| |
| − | </label><input type="search" name="search" placeholder="검색" title="광주문화예술인문스토리플랫폼 검색 [f]" accesskey="f" id="wpSearch" class="search-query form-control"/><input type="submit" name="go" value="보기" title="이 이름의 문서가 존재하면 그 문서로 바로 가기" id="mw-searchButton" class="searchButton btn"/>
| |
| − | </div>
| |
| − | </form> </ul>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div> -->
| |
| − | </div>
| |
| − | <!-- /navbar -->
| |
| − | <div id="mw-page-base"></div>
| |
| − | <div id="mw-head-base"></div>
| |
| − | <a id="top"> </a>
| |
| − |
| |
| − | <!-- content -->
| |
| − | <div class="user-loggedin editable container with-navbar with-navbar-fixed" id="contentwrapper">
| |
| | <!-- 에디터 컨텐츠 등록 영역 --> | | <!-- 에디터 컨텐츠 등록 영역 --> |
| | <div class="gwangju-main-wrap"> | | <div class="gwangju-main-wrap"> |
| 1,219번째 줄: |
459번째 줄: |
| | <div class="main-header"> | | <div class="main-header"> |
| | <p class="main-subtit">3D ASSET</p> | | <p class="main-subtit">3D ASSET</p> |
| − | <h2 class="main-tit">3D로 보는 광주 인문 아카이브</h2> | + | <h2 class="main-tit">3D로 보는<br />광주 인문 아카이브</h2> |
| | </div> | | </div> |
| | <div class="asset-swiper"> | | <div class="asset-swiper"> |
| 1,374번째 줄: |
614번째 줄: |
| | <!-- //AR Heritage 영역 --> | | <!-- //AR Heritage 영역 --> |
| | </div> | | </div> |
| − | <!-- // 에디터 컨텐츠 등록 영역 --> | + | <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" /> |
| − | </div>
| + | <link |
| − | <!-- /content -->
| + | rel="stylesheet" |
| | + | href="https://cdn.jsdelivr.net/npm/keen-slider@6.8.5/keen-slider.min.css" |
| | + | /> |
| | + | <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> |
| | + | <script src="https://cdn.jsdelivr.net/npm/keen-slider@6.8.5/keen-slider.min.js"></script> |
| | + | <script> |
| | + | let swiperInstance = null; |
| | | | |
| − | <!-- sidebar-right -->
| + | const initSwiper = () => { |
| − | <div class="sidebar-wrapper sidebar-right-wrapper">
| + | // 모바일에서만 Swiper 초기화 |
| − | <div class="sidebar-container container">
| + | if (window.innerWidth < 768) { |
| − | <div class="row">
| + | swiperInstance = new Swiper('.main-visual-swiper', { |
| − | <div class="col-md-3 col-md-offset-9" id="sidebar-right">
| + | direction: 'horizontal', |
| − | <div class="btn-group btn-block">
| + | slidesPerView: 1, |
| − | <a
| + | spaceBetween: 0, |
| − | class="btn btn-primary btn-block"
| + | pagination: { |
| − | href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&action=edit&etbeditor=1"
| + | el: '.swiper-fraction', |
| − | id="ca-etbeditor"
| + | type: 'bullets', |
| − | name="ca-etbeditor-ext"
| + | clickable: true, // Bullet 클릭 가능 |
| − | >
| + | }, |
| − | <span class="glyphicon glyphicon-etb-editor"> </span>
| + | }); |
| − | 입력기
| + | } |
| − | </a>
| + | }; |
| − | </div>
| |
| − | <div class="btn-group btn-block">
| |
| − | <a
| |
| − | accesskey="e"
| |
| − | class="btn btn-primary btn-block"
| |
| − | href="/wiki/index.php?title=Ontology:EKC_%EA%B4%91%EC%A3%BC&action=edit"
| |
| − | id="ca-edit"
| |
| − | title="이 문서 편집하기 [alt-shift-e]"
| |
| − | >
| |
| − | <span class="glyphicon glyphicon-pencil"> </span>
| |
| − | Edit
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="tweekiTOC">
| |
| − | <div class="toctitle" dir="ltr" lang="ko">
| |
| − | <h2> | |
| − | 목차
| |
| − | <a href="javascript:scrollTo(0,0);"> to top </a>
| |
| − | </h2>
| |
| − | <span class="toctoggle">
| |
| − | [
| |
| − | <a class="togglelink" role="button" tabindex="0"> 숨기기 </a>
| |
| − | ]
| |
| − | </span>
| |
| − | <button class="mw-btn-toc-unfold" type="button">
| |
| − | <span> 접어두기 </span> | |
| − | </button>
| |
| − | </div>
| |
| − | <div class="toc" id="toc" style="display: table">
| |
| − | <ul class="nav">
| |
| − | <li class="toclevel-1 tocsection-1"> | |
| − | <a href="#EKC_.EB.8D.B0.EC.9D.B4.ED.84.B0_.EB.AA.A8.EB.8D.B8">
| |
| − | <span class="tocnumber"> 1 </span>
| |
| − | <span class="toctext"> EKC 데이터 모델 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="toclevel-1 tocsection-2">
| |
| − | <a
| |
| − | href="#EKC_.EC.98.A8.ED.86.A8.EB.A1.9C.EC.A7.80.28EKC_Data_Model.29_.EC.9A.B4.EC.9A.A9_.EB.B0.8F_.ED.99.95.EC.9E.A5_.ED.94.84.EB.A1.9C.EC.84.B8.EC.8A.A4"
| |
| − | >
| |
| − | <span class="tocnumber"> 2 </span>
| |
| − | <span class="toctext"> EKC 온톨로지(EKC Data Model) 운용 및 확장 프로세스 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="toclevel-1 tocsection-3">
| |
| − | <a href="#EKC_.EA.B4.91.EC.A3.BC"> | |
| − | <span class="tocnumber"> 3 </span>
| |
| − | <span class="toctext"> EKC 광주 </span>
| |
| − | </a>
| |
| − | <ul class="nav">
| |
| − | <li class="toclevel-2 tocsection-4">
| |
| − | <a href="#EKC_.EA.B4.91.EC.A3.BC_Class_.EB.AA.85.EC.84.B8">
| |
| − | <span class="tocnumber"> 3.1 </span>
| |
| − | <span class="toctext"> EKC 광주 Class 명세 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="toclevel-2 tocsection-5">
| |
| − | <a href="#EKC_.EA.B4.91.EC.A3.BC_Relation_.28Object_Property.29_.EB.AA.85.EC.84.B8">
| |
| − | <span class="tocnumber"> 3.2 </span>
| |
| − | <span class="toctext"> EKC 광주 Relation (Object Property) 명세 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="toclevel-2 tocsection-6">
| |
| − | <a href="#EKC_.EA.B4.91.EC.A3.BC_Relation_.EC.82.AC.EC.9A.A9_.EC.9A.A9.EB.A1.80">
| |
| − | <span class="tocnumber"> 3.3 </span>
| |
| − | <span class="toctext"> EKC 광주 Relation 사용 용례 </span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- /sidebar-right -->
| |
| − | <!-- footer -->
| |
| − | <div class="footer container footer-sticky" id="footer" role="contentinfo">
| |
| − | <ul id="footer-places">
| |
| − | <li id="footer-places-privacy">
| |
| − | <a
| |
| − | href="/wiki/index.php/Gwangju:%EA%B0%9C%EC%9D%B8%EC%A0%95%EB%B3%B4_%EC%A0%95%EC%B1%85"
| |
| − | title="Gwangju:개인정보 정책"
| |
| − | >
| |
| − | 개인정보 정책
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="footer-places-about">
| |
| − | <a href="/wiki/index.php/Gwangju:%EC%86%8C%EA%B0%9C" title="Gwangju:소개">
| |
| − | 광주문화예술인문스토리플랫폼 소개
| |
| − | </a>
| |
| − | </li>
| |
| − | <li id="footer-places-disclaimer">
| |
| − | <a
| |
| − | href="/wiki/index.php/Gwangju:%EB%A9%B4%EC%B1%85_%EC%A1%B0%ED%95%AD"
| |
| − | title="Gwangju:면책 조항"
| |
| − | >
| |
| − | 면책 조항
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul id="footer-icons">
| |
| − | <li id="footer-copyrightico">
| |
| − | <span>
| |
| − | <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">
| |
| − | 크리에이티브 커먼즈 저작자표시-동일조건변경허락
| |
| − | </a>
| |
| − | </span>
| |
| − | </li>
| |
| − | <li id="footer-poweredbyico">
| |
| − | <span>
| |
| − | <a href="//www.mediawiki.org/" target="_blank"> Powered by MediaWiki </a>
| |
| − | </span>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <div style="clear: both"></div>
| |
| − | <div class="footer-inner">
| |
| − | <div class="footer-logo">
| |
| − | 광주문화예술인문
| |
| − | <br />
| |
| − | 스 토 리 플 랫 폼
| |
| − | </div>
| |
| − | <div class="footer-login">
| |
| − | <a href="/wiki/index.php/특수:로그인"> LOGIN & CREATE ACCOUNT </a>
| |
| − | </div>
| |
| − | <div class="footer-info">
| |
| − | <ul>
| |
| − | <li>
| |
| − | <a href="">
| |
| − | <strong> 개인정보 정책 </strong>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href=""> 면책조항 </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul>
| |
| − | <li>
| |
| − | <span> © 2025, CC BY-SA 4.0 </span>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href=""> Powered by MediaWiki </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- /footer -->
| |
| − | <script>
| |
| − | (window.RLQ = window.RLQ || []).push(function () {
| |
| − | mw.config.set({
| |
| − | wgPageParseReport: {
| |
| − | limitreport: {
| |
| − | cputime: '0.026', | |
| − | walltime: '0.178', | |
| − | ppvisitednodes: { value: 50, limit: 1000000 }, | |
| − | ppgeneratednodes: { value: 118, limit: 1000000 }, | |
| − | postexpandincludesize: { value: 353, limit: 2097152 },
| |
| − | templateargumentsize: { value: 140, limit: 2097152 },
| |
| − | expansiondepth: { value: 3, limit: 40 },
| |
| − | expensivefunctioncount: { value: 0, limit: 100 },
| |
| − | 'unstrip-depth': { value: 0, limit: 20 },
| |
| − | 'unstrip-size': { value: 0, limit: 5000000 },
| |
| − | timingprofile: [
| |
| − | '100.00% 43.125 1 -total',
| |
| − | ' 99.50% 42.909 3 틀:Clickable_button', | |
| − | ], | |
| − | },
| |
| − | cachereport: { timestamp: '20250618030345', ttl: 86400, transientcontent: false }, | |
| − | },
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − | <script>
| |
| − | (window.RLQ = window.RLQ || []).push(function () {
| |
| − | mw.config.set({ wgBackendResponseTime: 1960 }); | |
| − | });
| |
| − | </script>
| |
| − | <!-- add-etrbie -->
| |
| − | <script>
| |
| − | // TOC를 sidebar-wrapper 다음으로 이동시키는 스크립트
| |
| − | (function () {
| |
| − | // TOC가 완전히 생성된 후 이동하기 위해 MutationObserver 사용
| |
| − | function checkAndMoveTOC() {
| |
| − | var tocElement = document.getElementById('tweekiTOC');
| |
| − | if (!tocElement) return;
| |
| | | | |
| − | // TOC가 완전히 생성되었는지 확인 (.toctitle 요소가 있는지)
| + | const destroySwiper = () => { |
| − | if (tocElement.querySelector('.toctitle')) { | + | if (swiperInstance) { |
| − | // 이미 이동되었는지 확인 | + | swiperInstance.destroy(true, true); |
| − | var sidebarWrappers = document.querySelectorAll('.sidebar-wrapper');
| + | swiperInstance = null; |
| − | if (sidebarWrappers.length === 0) return; | + | } |
| | + | }; |
| | | | |
| − | var lastSidebarWrapper = sidebarWrappers[sidebarWrappers.length - 1];
| + | // 초기화 |
| − | var parentElement = tocElement.parentNode;
| + | initSwiper(); |
| | | | |
| − | // sidebar-right 내부에 있는지 확인
| + | // 윈도우 리사이즈 시 Swiper 재설정 |
| − | if (parentElement && parentElement.id === 'sidebar-right') {
| + | window.addEventListener('resize', () => { |
| − | // tweekiTOC를 sidebar-wrapper 다음에 삽입
| + | if (window.innerWidth < 768) { |
| − | if (lastSidebarWrapper.nextSibling) {
| + | if (!swiperInstance) { |
| − | lastSidebarWrapper.parentNode.insertBefore(
| + | initSwiper(); |
| − | tocElement,
| + | } |
| − | lastSidebarWrapper.nextSibling
| + | } else if (window.innerWidth >= 768) { |
| − | );
| + | if (swiperInstance) { |
| − | } else {
| + | destroySwiper(); |
| − | lastSidebarWrapper.parentNode.appendChild(tocElement);
| |
| − | }
| |
| − | console.log('TOC moved outside sidebar'); | |
| | } | | } |
| | } | | } |
| − | } | + | }); |
| | + | document.addEventListener('DOMContentLoaded', function () { |
| | + | const storyLinks = document.querySelectorAll('.story-link-item'); |
| | + | const imageContainer = document.querySelector('.image-scroll-container'); |
| | + | const breakpoint = window.matchMedia('(max-width: 991px)'); |
| | + | let swiperInstance; |
| | | | |
| − | // 초기 실행
| + | const initDesktop = () => { |
| − | setTimeout(function () {
| + | if (swiperInstance) { |
| − | checkAndMoveTOC();
| + | swiperInstance.destroy(true, true); |
| | + | swiperInstance = null; |
| | + | } |
| | | | |
| − | // MutationObserver를 사용하여 DOM 변화 감지
| + | storyLinks.forEach(link => { |
| − | var observer = new MutationObserver(function (mutations) {
| + | link.addEventListener('click', function (e) { |
| − | checkAndMoveTOC();
| + | e.preventDefault(); |
| − | });
| + | storyLinks.forEach(l => l.classList.remove('active')); |
| | + | document |
| | + | .querySelectorAll('.swiper-slide') |
| | + | .forEach(i => i.classList.remove('active')); |
| | | | |
| − | // body 전체를 감시
| + | this.classList.add('active'); |
| − | observer.observe(document.body, {
| + | const targetId = this.getAttribute('data-target'); |
| − | childList: true,
| + | const targetImage = document.getElementById(targetId); |
| − | subtree: true,
| + | if (targetImage) { |
| − | });
| + | targetImage.classList.add('active'); |
| | | | |
| − | // 10초 후 추가 확인 (모든 스크립트가 실행된 후)
| + | const containerRect = imageContainer.getBoundingClientRect(); |
| − | setTimeout(checkAndMoveTOC, 10000);
| + | const imageRect = targetImage.getBoundingClientRect(); |
| − | }, 500);
| + | const scrollTop = |
| − | })();
| + | imageContainer.scrollTop + |
| − | </script>
| + | (imageRect.top - containerRect.top) - |
| − | <!-- // add-etrbie -->
| + | containerRect.height / 2 + |
| − | <script>
| + | imageRect.height / 2; |
| − | let swiperInstance = null;
| |
| | | | |
| − | const initSwiper = () => {
| + | imageContainer.scrollTo({ |
| − | // 모바일에서만 Swiper 초기화
| + | top: scrollTop + 0, |
| − | if (window.innerWidth < 768) {
| + | behavior: 'smooth', |
| − | swiperInstance = new Swiper('.main-visual-swiper', {
| + | }); |
| − | direction: 'horizontal',
| + | } |
| − | slidesPerView: 1,
| + | }); |
| − | spaceBetween: 0,
| + | }); |
| − | pagination: {
| + | }; |
| − | el: '.swiper-fraction',
| |
| − | type: 'bullets',
| |
| − | clickable: true, // Bullet 클릭 가능
| |
| − | },
| |
| − | });
| |
| − | }
| |
| − | };
| |
| | | | |
| − | const destroySwiper = () => {
| + | const initMobile = () => { |
| − | if (swiperInstance) {
| + | swiperInstance = new Swiper('.image-scroll-container.swiper', { |
| − | swiperInstance.destroy(true, true);
| + | direction: 'horizontal', |
| − | swiperInstance = null;
| + | slidesPerView: 1, |
| − | }
| + | spaceBetween: 12, |
| − | };
| + | pagination: { |
| | + | el: '.swiper-fraction', |
| | + | type: 'fraction', |
| | + | formatFractionCurrent: number => number, |
| | + | formatFractionTotal: number => number, |
| | + | }, |
| | + | on: { |
| | + | init: () => { |
| | + | updateProgress(); |
| | + | }, |
| | + | slideChange: () => { |
| | + | updateProgress(); |
| | + | }, |
| | + | }, |
| | + | }); |
| | + | }; |
| | | | |
| − | // 초기화
| + | const updateProgress = () => { |
| − | initSwiper();
| + | if (!swiperInstance) return; |
| | + | const current = swiperInstance.realIndex + 1; |
| | + | const total = swiperInstance.slides.length; |
| | + | const percent = (current / total) * 100; |
| | + | const progressBar = document.querySelector('.swiper-progressbar .progress-fill'); |
| | + | if (progressBar) { |
| | + | progressBar.style.width = `${percent}%`; |
| | + | } |
| | + | }; |
| | | | |
| − | // 윈도우 리사이즈 시 Swiper 재설정
| + | const handleResize = () => { |
| − | window.addEventListener('resize', () => {
| + | if (breakpoint.matches) { |
| − | if (window.innerWidth < 768 && !swiperInstance) {
| + | initMobile(); |
| − | initSwiper();
| + | } else { |
| − | } else if (window.innerWidth >= 768 && swiperInstance) {
| + | initDesktop(); |
| − | destroySwiper();
| + | } |
| − | }
| + | }; |
| − | });
| |
| − | </script>
| |
| − | <script>
| |
| − | document.addEventListener('DOMContentLoaded', function () {
| |
| − | const storyLinks = document.querySelectorAll('.story-link-item');
| |
| − | const imageContainer = document.querySelector('.image-scroll-container');
| |
| − | const breakpoint = window.matchMedia('(max-width: 991px)');
| |
| − | let swiperInstance;
| |
| | | | |
| − | const initDesktop = () => {
| + | breakpoint.addEventListener('change', handleResize); |
| − | if (swiperInstance) { | + | handleResize(); |
| − | swiperInstance.destroy(true, true);
| + | }); |
| − | swiperInstance = null;
| + | document.addEventListener('DOMContentLoaded', function () { |
| − | }
| + | // 공통 브레이크포인트 기준 |
| | + | const breakpoint = window.matchMedia('(max-width: 991px)'); |
| | | | |
| − | storyLinks.forEach(link => { | + | // Story Swiper (모바일 전용 터치) |
| − | link.addEventListener('click', function (e) {
| + | let storySwiper; |
| − | e.preventDefault();
| |
| − | storyLinks.forEach(l => l.classList.remove('active'));
| |
| − | document.querySelectorAll('.swiper-slide').forEach(i => i.classList.remove('active'));
| |
| | | | |
| − | this.classList.add('active');
| + | const initStorySwiper = () => { |
| − | const targetId = this.getAttribute('data-target');
| + | const isMobile = breakpoint.matches; |
| − | const targetImage = document.getElementById(targetId);
| |
| − | if (targetImage) {
| |
| − | targetImage.classList.add('active');
| |
| | | | |
| − | const containerRect = imageContainer.getBoundingClientRect();
| + | if (storySwiper) storySwiper.destroy(true, true); |
| − | const imageRect = targetImage.getBoundingClientRect();
| |
| − | const scrollTop =
| |
| − | imageContainer.scrollTop +
| |
| − | (imageRect.top - containerRect.top) -
| |
| − | containerRect.height / 2 +
| |
| − | imageRect.height / 2;
| |
| | | | |
| − | imageContainer.scrollTo({ | + | storySwiper = new Swiper('.story-swiper .swiper', { |
| − | top: scrollTop + 0,
| + | slidesPerView: 1, |
| − | behavior: 'smooth',
| + | spaceBetween: 24, |
| − | }); | + | grabCursor: isMobile, |
| − | } | + | simulateTouch: isMobile, |
| | + | allowTouchMove: isMobile, |
| | + | pagination: { |
| | + | el: '.swiper-pagination', |
| | + | clickable: true, |
| | + | }, |
| | + | navigation: { |
| | + | nextEl: '.swiper-button-next', |
| | + | prevEl: '.swiper-button-prev', |
| | + | }, |
| | + | mousewheel: isMobile |
| | + | ? { |
| | + | forceToAxis: true, |
| | + | invert: false, |
| | + | } |
| | + | : false, |
| | + | on: { |
| | + | progress: function (swiper, progress) { |
| | + | const indicatorBar = swiper.el.querySelector('.indicator-bar'); |
| | + | if (indicatorBar) { |
| | + | indicatorBar.style.width = progress * 100 + '%'; |
| | + | } |
| | + | }, |
| | + | }, |
| | }); | | }); |
| | + | }; |
| | + | |
| | + | breakpoint.addEventListener('change', initStorySwiper); |
| | + | initStorySwiper(); |
| | + | |
| | + | // Asset Swiper type01 |
| | + | const swiper01 = new Swiper('.asset-swiper .type01', { |
| | + | loop: true, |
| | + | slidesPerView: 'auto', |
| | + | spaceBetween: 8, |
| | + | autoplay: { |
| | + | delay: 0, |
| | + | disableOnInteraction: false, |
| | + | }, |
| | + | speed: 5000, |
| | + | freeMode: true, |
| | + | breakpoints: { |
| | + | 991: { |
| | + | spaceBetween: 28, |
| | + | }, |
| | + | }, |
| | }); | | }); |
| − | };
| |
| | | | |
| − | const initMobile = () => {
| + | // Asset Swiper type02 |
| − | swiperInstance = new Swiper('.image-scroll-container.swiper', { | + | const swiper02 = new Swiper('.asset-swiper .type02', { |
| − | direction: 'horizontal', | + | loop: true, |
| − | slidesPerView: 1.1, | + | slidesPerView: 'auto', |
| − | spaceBetween: 16, | + | spaceBetween: 8, |
| − | pagination: { | + | autoplay: { |
| − | el: '.swiper-fraction', | + | delay: 0, |
| − | type: 'fraction',
| + | disableOnInteraction: false, |
| − | formatFractionCurrent: number => number, | + | reverseDirection: true, |
| − | formatFractionTotal: number => number, | |
| | }, | | }, |
| − | on: { | + | speed: 5000, |
| − | init: () => {
| + | freeMode: true, |
| − | updateProgress();
| + | breakpoints: { |
| − | },
| + | 991: { |
| − | slideChange: () => { | + | spaceBetween: 28, |
| − | updateProgress(); | |
| | }, | | }, |
| | }, | | }, |
| | }); | | }); |
| − | }; | + | }); |
| − | | |
| − | const updateProgress = () => {
| |
| − | if (!swiperInstance) return;
| |
| − | const current = swiperInstance.realIndex + 1;
| |
| − | const total = swiperInstance.slides.length;
| |
| − | const percent = (current / total) * 100;
| |
| − | const progressBar = document.querySelector('.swiper-progressbar .progress-fill');
| |
| − | if (progressBar) {
| |
| − | progressBar.style.width = `${percent}%`;
| |
| − | }
| |
| − | };
| |
| − | | |
| − | const handleResize = () => {
| |
| − | if (breakpoint.matches) {
| |
| − | initMobile();
| |
| − | } else {
| |
| − | initDesktop();
| |
| − | }
| |
| − | };
| |
| − | | |
| − | breakpoint.addEventListener('change', handleResize);
| |
| − | handleResize();
| |
| − | });
| |
| − | </script>
| |
| − | <script>
| |
| − | document.addEventListener('DOMContentLoaded', function () {
| |
| − | // 공통 브레이크포인트 기준
| |
| − | const breakpoint = window.matchMedia('(max-width: 991px)');
| |
| − | | |
| − | // Story Swiper (모바일 전용 터치)
| |
| − | let storySwiper;
| |
| | | | |
| − | const initStorySwiper = () => { | + | document.addEventListener('DOMContentLoaded', function () { |
| − | const isMobile = breakpoint.matches; | + | const progressBar = document.querySelector('.gwangju-main-section04 .progress-bar'); |
| − | | + | const metaverseSlider = new Swiper('.gwangju-metaverse-slider', { |
| − | if (storySwiper) storySwiper.destroy(true, true);
| + | loop: true, |
| − | | + | slidesPerView: 1.2, |
| − | storySwiper = new Swiper('.story-swiper .swiper', { | + | spaceBetween: 15, |
| − | slidesPerView: 1, | |
| − | spaceBetween: 24, | |
| − | grabCursor: isMobile, | |
| − | simulateTouch: isMobile,
| |
| − | allowTouchMove: isMobile,
| |
| | pagination: { | | pagination: { |
| | el: '.swiper-pagination', | | el: '.swiper-pagination', |
| − | clickable: true, | + | type: 'fraction', |
| − | },
| |
| − | navigation: {
| |
| − | nextEl: '.swiper-button-next',
| |
| − | prevEl: '.swiper-button-prev',
| |
| | }, | | }, |
| − | mousewheel: isMobile
| |
| − | ? {
| |
| − | forceToAxis: true,
| |
| − | invert: false,
| |
| − | }
| |
| − | : false,
| |
| | on: { | | on: { |
| − | progress: function (swiper, progress) { | + | slideChange: function () { |
| − | const indicatorBar = swiper.el.querySelector('.indicator-bar'); | + | const totalSlides = this.slides.length - this.loopedSlides * 2; |
| − | if (indicatorBar) { | + | const progress = (this.realIndex + 1) / totalSlides; |
| − | indicatorBar.style.width = progress * 100 + '%'; | + | if (progressBar) { |
| | + | progressBar.style.width = progress * 100 + '%'; |
| | } | | } |
| | + | }, |
| | + | }, |
| | + | breakpoints: { |
| | + | 769: { |
| | + | slidesPerView: 3, |
| | + | spaceBetween: 30, |
| | + | }, |
| | + | 1024: { |
| | + | slidesPerView: 4, |
| | + | spaceBetween: 30, |
| | }, | | }, |
| | }, | | }, |
| | }); | | }); |
| | + | }); |
| | + | var animation = { |
| | + | duration: (document.querySelectorAll('.keen-slider__slide').length / 2) * 1500, |
| | + | easing: t => t, |
| | }; | | }; |
| | | | |
| − | breakpoint.addEventListener('change', initStorySwiper); | + | // 변수 초기화 |
| − | initStorySwiper(); | + | let slider = null; |
| − | | + | let slider2 = null; |
| − | // Asset Swiper type01 | + | let autoplayActive = true; |
| − | const swiper01 = new Swiper('.asset-swiper .type01', { | + | let autoplayTimeoutId = null; |
| | + | let isSyncingSlider1 = false; |
| | + | let isSyncingSlider2 = false; |
| | + | let isMouseOverContainer = false; // 컨테이너 마우스 상태 추적 변수 |
| | + | // 슬라이더 2 먼저 초기화 |
| | + | slider2 = new KeenSlider('#my-keen-slider2', { |
| | loop: true, | | loop: true, |
| − | slidesPerView: 'auto', | + | renderMode: 'performance', |
| − | spaceBetween: 8, | + | mode: 'free', |
| − | autoplay: { | + | rtl: true, |
| − | delay: 0, | + | slides: { |
| − | disableOnInteraction: false, | + | perView: 'auto', |
| | + | spacing: 8, |
| | }, | | }, |
| − | speed: 5000,
| |
| − | freeMode: true,
| |
| | breakpoints: { | | breakpoints: { |
| − | 991: { | + | '(min-width: 500px)': { |
| − | spaceBetween: 28, | + | slides: { |
| | + | perView: 'auto', |
| | + | spacing: 28, |
| | + | }, |
| | }, | | }, |
| | + | }, |
| | + | created(s) { |
| | + | if (!isMouseOverContainer) { |
| | + | s.moveToIdx(5, true, animation); |
| | + | } |
| | + | }, |
| | + | animationEnded(s) { |
| | + | // if (!isMouseOverContainer) { |
| | + | slider2.endTimer = setTimeout(() => { |
| | + | slider?.moveToIdx(slider.track.details.abs + 4, true, animation); |
| | + | s.moveToIdx(s.track.details.abs + 5, true, animation); |
| | + | }, 1000); |
| | + | // } |
| | + | }, |
| | + | detailsChanged(s) { |
| | + | // 마우스가 컨테이너 위에 있을 때만 동기화 작동 |
| | + | if (slider2?.endTimer) clearTimeout(slider2?.endTimer); |
| | + | if (!isSyncingSlider1) { |
| | + | if (slider) { |
| | + | if (slider.track) { |
| | + | slider.animator.stop(); |
| | + | isSyncingSlider2 = true; |
| | + | // 위치 동기화 |
| | + | const position = s.track.details.position; |
| | + | slider.track.to(position); |
| | + | setTimeout(() => { |
| | + | isSyncingSlider2 = false; |
| | + | }, 30); |
| | + | } |
| | + | } |
| | + | } |
| | }, | | }, |
| | }); | | }); |
| | | | |
| − | // Asset Swiper type02 | + | // slider1 초기화 |
| − | const swiper02 = new Swiper('.asset-swiper .type02', { | + | slider = new KeenSlider('#my-keen-slider', { |
| | loop: true, | | loop: true, |
| − | slidesPerView: 'auto', | + | renderMode: 'performance', |
| − | spaceBetween: 8, | + | mode: 'free', |
| − | autoplay: {
| |
| − | delay: 0,
| |
| − | disableOnInteraction: false,
| |
| − | reverseDirection: true,
| |
| − | },
| |
| − | speed: 5000,
| |
| − | freeMode: true,
| |
| | breakpoints: { | | breakpoints: { |
| − | 991: { | + | '(min-width: 500px)': { |
| − | spaceBetween: 28, | + | slides: { |
| | + | perView: 'auto', |
| | + | spacing: 28, |
| | + | }, |
| | }, | | }, |
| | }, | | }, |
| − | });
| + | slides: { |
| − | });
| + | perView: 'auto', |
| − | </script>
| + | spacing: 8, |
| − | <script>
| + | }, |
| − | document.addEventListener('DOMContentLoaded', function () {
| + | created(s) { |
| − | const progressBar = document.querySelector('.gwangju-main-section04 .progress-bar');
| + | if (!isMouseOverContainer) { |
| − | const metaverseSlider = new Swiper('.gwangju-metaverse-slider', {
| + | s.moveToIdx(5, true, animation); |
| − | loop: true,
| + | } |
| − | slidesPerView: 1.2,
| + | }, |
| − | spaceBetween: 15,
| + | animationEnded(s) { |
| − | pagination: {
| + | // if (!isMouseOverContainer) { |
| − | el: '.swiper-pagination', | + | slider.endTimer = setTimeout(() => { |
| − | type: 'fraction', | + | slider2?.moveToIdx(slider2.track.details.abs + 4, true, animation); |
| | + | s.moveToIdx(s.track.details.abs + 5, true, animation); |
| | + | }, 1000); |
| | + | // } |
| | }, | | }, |
| − | on: { | + | detailsChanged(s) { |
| − | slideChange: function () { | + | if (slider?.endTimer) clearTimeout(slider?.endTimer); |
| − | const totalSlides = this.slides.length - this.loopedSlides * 2; | + | // 마우스가 컨테이너 위에 있을 때만 동기화 작동 |
| − | const progress = (this.realIndex + 1) / totalSlides;
| + | if (!isSyncingSlider2) { |
| − | if (progressBar) {
| + | if (slider2) { |
| − | progressBar.style.width = progress * 100 + '%';
| + | if (slider2.track) { |
| | + | slider2.animator.stop(); |
| | + | isSyncingSlider1 = true; |
| | + | slider2.track.to(s.track.details.position); |
| | + | setTimeout(() => { |
| | + | isSyncingSlider1 = false; |
| | + | }, 30); |
| | + | } |
| | } | | } |
| − | }, | + | } |
| − | },
| |
| − | breakpoints: {
| |
| − | 769: {
| |
| − | slidesPerView: 3,
| |
| − | spaceBetween: 30,
| |
| − | },
| |
| − | 1024: {
| |
| − | slidesPerView: 4,
| |
| − | spaceBetween: 30,
| |
| − | },
| |
| | }, | | }, |
| | }); | | }); |
| − | });
| |
| − | </script>
| |
| − | <script src="https://cdn.jsdelivr.net/npm/keen-slider@6.8.5/keen-slider.min.js"></script>
| |
| − | <script>
| |
| − | var animation = {
| |
| − | duration: (document.querySelectorAll('.keen-slider__slide').length / 2) * 1500,
| |
| − | easing: t => t,
| |
| − | };
| |
| | | | |
| − | // 변수 초기화
| + | // 컨테이너 하나에만 마우스 이벤트 적용 |
| − | let slider = null;
| + | document.querySelector('.asset-swiper').addEventListener('pointerdown', () => { |
| − | let slider2 = null;
| + | // 타임아웃 삭제 |
| − | let autoplayActive = true;
| + | if (autoplayTimeoutId) clearTimeout(autoplayTimeoutId); |
| − | let autoplayTimeoutId = null;
| |
| − | let isSyncingSlider1 = false;
| |
| − | let isSyncingSlider2 = false;
| |
| − | let isMouseOverContainer = false; // 컨테이너 마우스 상태 추적 변수
| |
| − | // 슬라이더 2 먼저 초기화
| |
| − | slider2 = new KeenSlider('#my-keen-slider2', {
| |
| − | loop: true,
| |
| − | renderMode: 'performance',
| |
| − | mode: 'free',
| |
| − | rtl: true,
| |
| − | slides: {
| |
| − | perView: 'auto',
| |
| − | spacing: 8,
| |
| − | },
| |
| − | breakpoints: {
| |
| − | '(min-width: 500px)': {
| |
| − | slides: {
| |
| − | perView: 'auto',
| |
| − | spacing: 28,
| |
| − | },
| |
| − | },
| |
| − | },
| |
| − | created(s) {
| |
| − | if (!isMouseOverContainer) {
| |
| − | s.moveToIdx(5, true, animation);
| |
| − | }
| |
| − | },
| |
| − | animationEnded(s) {
| |
| − | // if (!isMouseOverContainer) { | |
| − | slider?.moveToIdx(slider.track.details.abs + 4, true, animation);
| |
| − | s.moveToIdx(s.track.details.abs + 5, true, animation);
| |
| − | // }
| |
| − | },
| |
| − | detailsChanged(s) {
| |
| − | // 마우스가 컨테이너 위에 있을 때만 동기화 작동
| |
| − | if (isMouseOverContainer && !isSyncingSlider1 && slider && slider.track) { | |
| − | slider.animator.stop();
| |
| − | isSyncingSlider2 = true;
| |
| − | // 위치 동기화
| |
| − | const position = s.track.details.position;
| |
| − | slider.track.to(position);
| |
| − | setTimeout(() => {
| |
| − | isSyncingSlider2 = false;
| |
| − | }, 30);
| |
| − | }
| |
| − | },
| |
| − | });
| |
| | | | |
| − | // slider1 초기화
| + | // 현재 진행 중인 애니메이션 중단 |
| − | slider = new KeenSlider('#my-keen-slider', {
| + | if (slider) { |
| − | loop: true,
| + | if (slider.animator) { |
| − | renderMode: 'performance',
| + | slider.animator.stop(); |
| − | mode: 'free',
| + | } |
| − | breakpoints: {
| |
| − | '(min-width: 500px)': {
| |
| − | slides: { | |
| − | perView: 'auto',
| |
| − | spacing: 28,
| |
| − | },
| |
| − | },
| |
| − | },
| |
| − | slides: {
| |
| − | perView: 'auto',
| |
| − | spacing: 8,
| |
| − | },
| |
| − | created(s) {
| |
| − | if (!isMouseOverContainer) {
| |
| − | s.moveToIdx(5, true, animation);
| |
| | } | | } |
| − | },
| + | if (slider2) { |
| − | animationEnded(s) {
| + | if (slider2.animator) { |
| − | // if (!isMouseOverContainer) { | + | slider2.animator.stop(); |
| − | slider2?.moveToIdx(slider2.track.details.abs + 4, true, animation);
| + | } |
| − | s.moveToIdx(s.track.details.abs + 5, true, animation);
| |
| − | // }
| |
| − | },
| |
| − | detailsChanged(s) {
| |
| − | // 마우스가 컨테이너 위에 있을 때만 동기화 작동
| |
| − | if (isMouseOverContainer && !isSyncingSlider2 && slider2 && slider2.track) {
| |
| − | slider2.animator.stop();
| |
| − | isSyncingSlider1 = true;
| |
| − | slider2.track.to(s.track.details.position);
| |
| − | setTimeout(() => {
| |
| − | isSyncingSlider1 = false;
| |
| − | }, 30); | |
| | } | | } |
| − | }, | + | }); |
| − | });
| + | </script> |
| − | | + | <!-- // 에디터 컨텐츠 등록 영역 -->}} |
| − | // 컨테이너 하나에만 마우스 이벤트 적용 | |
| − | document.querySelector('.asset-swiper').addEventListener('pointerdown', () => { | |
| − | autoplayActive = false;
| |
| − | isMouseOverContainer = true;
| |
| − | // 타임아웃 삭제
| |
| − | if (autoplayTimeoutId) clearTimeout(autoplayTimeoutId);
| |
| − | | |
| − | // 현재 진행 중인 애니메이션 중단
| |
| − | if (slider && slider.animator) slider.animator.stop();
| |
| − | if (slider2 && slider2.animator) slider2.animator.stop();
| |
| − | });
| |
| − | | |
| − | document.querySelector('.asset-swiper').addEventListener('pointerup', () => {
| |
| − | // autoplayActive = true;
| |
| − | // isMouseOverContainer = false;
| |
| − | // slider.moveToIdx(slider.track.details.abs + 4, true, animation);
| |
| − | // slider2.moveToIdx(slider2.track.details.abs + 4, true, animation);
| |
| − | });
| |
| − | </script>
| |
| − | </body>
| |
| − | }} | |
