CINXE.COM
사서지원서비스>국가전거>저자전거>저자 전거 현황>지역
<!DOCTYPE HTML> <!--[if IE 9 ]> <html lang="ko" class="ie9"> <![endif]--> <html lang="ko"><head> <title>사서지원서비스>국가전거>저자전거>저자 전거 현황>지역</title> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maxmum-scale=1.0, minimum-scale=1.0"> <meta name="format-detection" content="telephone=no" /> <link rel="shortcut icon" href="/resource/templete/nl/common/img/common/favicon.png" /> <link rel="apple-touch-icon" href="/resource/templete/nl/common/img/common/favicon.png"/> <meta name="keywords" content="사서지원서비스" /> <meta name="description" content="사서지원서비스에 오신 것을 환영합니다" /> <meta name="robots" content="INDEX,FOLLOW"> <meta property="og:image" content="/resource/templete/nl/common/img/common/favicon.png"/> <meta property="og:url" content="https://librarian.nl.go.kr/LI/"/> <meta property="og:description" content="사서지원서비스에 오신 것을 환영합니다"/> <meta property="og:title" content="사서지원서비스"/> <!--header--> <script> var isOldIe = false; </script> <!--[if lt IE 10]> <script> isOldIe = true; </script> <![endif]--> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-65875867-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-65875867-3'); </script> <!-- national library lib --> <!-- CSS정리 --> <!-- CSS정리 : 공통 --> <link rel="stylesheet" type="text/css" href="/resource/common/css/slick.css" media="none" onload="this.media='all';"> <link rel="stylesheet" type="text/css" href="/resource/common/css/jquery.scrollbar.css" media="none" onload="this.media='all';"> <link rel="stylesheet" type="text/css" href="/resource/common/css/jquery.bxslider.min.css" media="none" onload="this.media='all';"> <link rel="stylesheet" type="text/css" href="/resource/common/css/datepicker.css" media="none" onload="this.media='all';"> <!-- CSS정리 : 서브용 --> <link rel="stylesheet" type="text/css" href="/resource/common/css/asRange.css" media="none" onload="this.media='all';"> <!-- //CSS정리 --> <script src="/resource/common/js/jquery-1.12.3.min.js"></script> <script defer src="/resource/common/js/slick.js"></script> <script src="/resource/common/js/bootstrap-datepicker.js"></script> <script defer src="/resource/common/js/jquery.bxslider.min.js"></script> <script defer src="/resource/common/js/jquery.scrollbar.js"></script> <script defer src="/resource/common/js/jquery.outside.js"></script> <script defer src="/resource/common/js/jquery-asRange.js"></script> <!-- //national library lib --> <!-- CMS COMMON lib --> <script src="/resource/common/jquery_plugin/common_functions.js"></script> <script defer src="/resource/common/jquery_plugin/validation/validator.js"></script> <script defer src="/resource/common/jquery_plugin/validation/accessability.js"></script> <script defer src="/resource/common/jquery_plugin/popWin.js"></script> <link href="/resource/common/css/loading-spiner.css" rel="stylesheet" type="text/css" /> <link href="/resource/common/jquery_plugin/validation/validator.css" rel="stylesheet" type="text/css" /> <!-- //CMS COMMON lib --> <link rel="stylesheet" type="text/css" href="/resource/templete/li/common/common.css" /> <!-- CSS정리 --> <!-- CSS정리 : 서브용--> <link rel="stylesheet" type="text/css" href="/resource/templete/li/css/import.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/li/css/member.css?v=2024112410" /> <!-- //CSS정리 --> <!-- national library script --> <script defer src="/resource/templete/li/js/layout.js"></script> <script defer src="/resource/templete/li/js/common.js"></script> <script defer src="/resource/templete/li/js/sub.js"></script> <!--//header--> <!--[if lte IE 9]><script src="/resource/common/js/html5shiv.js"></script><script src="/resource/common/js/respond.min.js"></script><![endif]--> <script> /* */ function goSearchForm(obj) { var frm = document.forms[obj]; if (!frm.kwd.value) { alert("검색어를 입력해주세요."); frm.kwd.focus(); return; } window.location = frm.action + "?" + $(frm).serialize(); } </script> </head> <body class="sub"> <!-- skip --> <div id="skip" class="skip"> <a href="#sub_content">본문 바로가기</a> <a href="#menu-gnb">주메뉴 바로가기</a> </div> <!-- // skip --> <!-- 본문 영역 --> <!-- <link href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&display=swap" rel="stylesheet"> --> <link rel="stylesheet" type="text/css" href="/resource/templete/li/css/common.css" /> <link rel="stylesheet" type="text/css" href="/resource/templete/li/css/layout.css" /> <script> $(document).ready(function(){ $(".web_sch_btn").click(function() { $(this).toggleClass('on'); $(".home_sch_box").toggle("slide"); if($(this).hasClass('on')){ $(this).html("닫기"); }else{ $(this).html("검색"); } }); }); function waPopup() { if($( window ).width() <= 767){ window.open("/resource/templete/li/common/img/common/20240609.png", "a", "width=549, height=777, left=100, top=50"); } else { window.open("/resource/templete/li/common/img/common/20240609.png", "a", "width=549, height=777, left=100, top=50"); } } function content_print(){ var initBody = document.body.innerHTML; window.onbeforeprint = function(){ $('#print').find('.keyword_search_wrap').hide(); document.body.innerHTML = document.getElementById('print').innerHTML; } window.onafterprint = function(){ document.body.innerHTML = initBody; } window.print(); } function fn_goPage(schId){ document.domain = "nl.go.kr"; var LeftPosition = (screen.width) ? (screen.width-1000)/2 : 0; var TopPosition = (screen.height) ? (screen.height-700)/2 : 0; var settings = 'height=700,width=1000,top='+TopPosition+',left='+LeftPosition+',scrollbars=yes'; if(schId == "findIdForm"){ window.open('https://member.nl.go.kr/findId.do?mode=form&site=newnl&ext_gbn=&ext_name=&ext_handphone=&ext_email=','memberId',settings); }else if(schId == "findPwForm"){ window.open('https://member.nl.go.kr/findPassword.do?mode=form&site=newnl&ext_gbn=&ext_name=&ext_handphone=&ext_email=','memberPw',settings); }else if(schId == "join"){ window.open('https://member.nl.go.kr/memberJoin.do?mode=agree&site=newnl','memberPw',settings); } } </script> <!-- header --> <div class="header-wrap"> <div id="header" class="header"> <!-- 헤더상단 --> <div class="top_wrap"> <div class="top"> <a href="https://www.nl.go.kr/" target="blank">국립중앙도서관</a> <a href="https://books.nl.go.kr/" target="blank">공공도서관지원서비스</a> <!-- <a href="http://dev.nl.go.kr:9580/NLCY" target="blank">국립어린이청소년도서관</a> --> <!-- 유틸 영역 --> <div class="log_wrap"> <a href="/LI/contents/L50500000000.do">로그인</a> <a href="#" onclick="javascript:member.fn_memberWeb ('join','NL','/LI/contents/N60300000000.do','false');" title="새창열림">회원가입</a> <a href="/LI/contents/L50100000000.do">바구니</a> <a href="/LI/contents/L50400000000.do">사이트맵</a> <button class="sp web_sch_btn">검색</button> <div class="home_sch_box"> <form name="totSearch" method="get" action="/LI/contents/L50600000000.do"> <input type="hidden" name="siteCode" value="LI" /> <input type="hidden" name="schFld" value="all" /> <input type="hidden" name="page" value="1" /> <div class="search_wrap"> <div class="inner"> <div class="search_info"> <div class="input_text_wrap"> <!-- <input type="text" name="schStr" class="input_text" value="" aria-label="검색어 입력" placeholder="검색어를 입력해주세요." title="홈페이지 검색" /> --> <input type="text" name="kwd" class="input_text" value="" aria-label="검색어 입력" placeholder="검색어를 입력해주세요." title="홈페이지 검색" /> </div> <button class="btn_search"><span class="sp search">검색하기</span></button> </div> </div> </div> </form> </div> </div> <!-- 유틸 영역 --> </div> </div> <!-- //헤더상단 --> <!-- 헤더하단 --> <div class="bottom"> <div class="menu_bg"></div> <div class="menu_wrap"> <!-- 전체메뉴 영역 --> <div class="menu-tool-wrap menu-tool-wrap-2"> <button type="button" class="btn-open" aria-label="전체메뉴"> <span class="sp_layout">전체 메뉴</span> </button> <!-- 전체메뉴 --> <div class="menu-all-wrap"> <div class="menu-all-inner"> <h2 class="title">전체메뉴</h2> <!-- 유틸영역(MOBILE) --> <div class="header__utils-wrap--mobile"> <div class="personal-wrap"> <em class="logo"><span class="sp_layout">국립중앙도서관 National Library of Korea</span></em> <div class="login-bx"><strong class="text">편리한 이용을 위해<br>로그인 또는 회원가입을 해주세요.</strong></div> <a href="/LI/contents/L50500000000.do" class="login">로그인</a> <a href="#" onclick="javascript:fn_goPage('join');" class="login">회원가입</a> </div> </div> <!-- //유틸영역(MOBILE) --> <!-- 전체메뉴 --> <div class="menu-all-inner--scrollbox"> <div class="menu-all-inner--scroll scrollbar-outer"> <div class="menu-all-depth1"> <div class="menu-all-depth1__item" id="MMAP_L10000000000"> <a href="/LI/contents/L10100000000.do" class="depth depth1">한국서지표준</a> <div class="menu-all-depth1-category"> <p class="depth1-title">한국서지표준</p> <ul class="menu-all-depth2"> <li class="menu-all-depth2__item" id="MMAP_L10100000000"> <a href='/LI/contents/L10101000000.do' class="depth depth2">한국문헌자동화목록형식</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L10101000000"> <a href='/LI/contents/L10101000000.do' class="depth depth3">KORMARC 소개</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10102000000"> <a href='/LI/contents/L10102000000.do' class="depth depth3">KORMARC 통합서지용</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10103000000"> <a href='/LI/contents/L10103000000.do' class="depth depth3">KORMARC 전거통제용</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10104000000"> <a href='/LI/contents/L10104000000.do' class="depth depth3">KORMARC 서지데이터용</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10105000000"> <a href='/LI/contents/L10105000000.do' class="depth depth3">KORMARC 소장정보용</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10106000000"> <a href='/LI/contents/L10106000000.do' class="depth depth3">KORMARC 부록</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10107000000"> <a href='/LI/contents/L10107000000.do' class="depth depth3">KORMARC 부호표</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L10200000000"> <a href='/LI/contents/L10201000000.do' class="depth depth2">더블린코어</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L10201000000"> <a href='/LI/contents/L10201000000.do' class="depth depth3">더블린 코어 소개</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10202000000"> <a href='/LI/contents/L10202000000.do' class="depth depth3">DCMES 특징</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10203000000"> <a href='/LI/contents/L10203000000.do' class="depth depth3">DCMI 메타데이터 용어</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10204000000"> <a href='/LI/contents/L10204000000.do' class="depth depth3">적용사례와 지침</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L10300000000"> <a href='/LI/contents/L10301000000.do' class="depth depth2">MODS</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L10301000000"> <a href='/LI/contents/L10301000000.do' class="depth depth3">MODS 소개</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10302000000"> <a href='/LI/contents/L10302000000.do' class="depth depth3">메타데이터 스킴</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10303000000"> <a href='/LI/contents/L10303000000.do' class="depth depth3">적용 사례와 지침</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L10400000000"> <a href='/LI/contents/L10401000000.do' class="depth depth2">도서관부호</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L10401000000"> <a href='/LI/contents/L10401000000.do' class="depth depth3">신청방법</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10402000000"> <a href='/LI/contents/L10402000000.do' class="depth depth3">신청서 작성</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10403000000"> <a href='/LI/contents/L10403000000.do' class="depth depth3">신청 조회</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10404000000"> <a href='/LI/contents/L10404000000.do' class="depth depth3">도서관 부호 조회</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10405000000"> <a href='/LI/contents/L10405010000.do' class="depth depth3">국제표준도서관부호(ISIL)</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_L10405010000"> <a href='/LI/contents/L10405010000.do' class="depth depth4">국문</a> </li> <li class="menu-all-depth4__item" id="MMAP_L10405020000"> <a href='/LI/contents/L10405020000.do' class="depth depth4">영문</a> </li> </ul> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L10500000000"> <a href='/LI/contents/L10501000000.do' class="depth depth2">대한민국 국가서지</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L10501000000"> <a href='/LI/contents/L10501000000.do' class="depth depth3">국가서지 검색</a> </li> <li class="menu-all-depth3__item" id="MMAP_L10507000000"> <a href='/LI/contents/L10507010000.do' class="depth depth3">서지데이터세트 다운로드</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_L10507010000"> <a href='/LI/contents/L10507010000.do' class="depth depth4">2020년 이후 데이터</a> </li> <li class="menu-all-depth4__item" id="MMAP_L10507020000"> <a href='/LI/contents/L10507020000.do' class="depth depth4">2019년 이전 자료 (전자책)</a> </li> </ul> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L10600000000"> <a href='/LI/contents/L10600000000.do' class="depth">서지표준동향</a> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_L20000000000"> <a href="/LI/contents/L20100000000.do" class="depth depth1">국가전거</a> <div class="menu-all-depth1-category"> <p class="depth1-title">국가전거</p> <ul class="menu-all-depth2"> <li class="menu-all-depth2__item" id="MMAP_L20100000000"> <a href='/LI/contents/L20101000000.do' class="depth depth2">저자전거</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L20101000000"> <a href='/LI/contents/L20101000000.do' class="depth depth3">저자 전거 검색</a> </li> <li class="menu-all-depth3__item" id="MMAP_L20102000000"> <a href='/LI/contents/L20102000000.do' class="depth depth3">저자 전거 분류별 브라우징</a> </li> <li class="menu-all-depth3__item" id="MMAP_L20103000000"> <a href='/LI/contents/L20103010000.do' class="depth depth3">저자 전거 현황</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_L20103010000"> <a href='/LI/contents/L20103010000.do' class="depth depth4">국가전거현황</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20103020000"> <a href='/LI/contents/L20103020000.do' class="depth depth4">직업</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20103030000"> <a href='/LI/contents/L20103030000.do' class="depth depth4">활동분야</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20103040000"> <a href='/LI/contents/L20103040000.do' class="depth depth4">단체유형</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20103050000"> <a href='/LI/contents/L20103050000.do' class="depth depth4">지역</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20103060000"> <a href='/LI/contents/L20103060000.do' class="depth depth4">언어</a> </li> </ul> </li> <li class="menu-all-depth3__item" id="MMAP_L20104000000"> <a href='/LI/contents/L20104000000.do' class="depth depth3">수정요청 조회</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L20200000000"> <a href='/LI/contents/L20201000000.do' class="depth depth2">주제명 전거</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L20201000000"> <a href='/LI/contents/L20201000000.do' class="depth depth3">주제명검색</a> </li> <li class="menu-all-depth3__item" id="MMAP_L20202000000"> <a href='/LI/contents/L20202000000.do' class="depth depth3">주제명 브라우징</a> </li> <li class="menu-all-depth3__item" id="MMAP_L20203000000"> <a href='/LI/contents/L20203010000.do' class="depth depth3">주제명 전거 현황</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_L20203010000"> <a href='/LI/contents/L20203010000.do' class="depth depth4">용어유형별 현황</a> </li> <li class="menu-all-depth4__item" id="MMAP_L20203030000"> <a href='/LI/contents/L20203030000.do' class="depth depth4">서지데이터 활용 현황</a> </li> </ul> </li> </ul> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_L30000000000"> <a href="/LI/contents/L30500000000.do" class="depth depth1">월드라이브러리</a> <div class="menu-all-depth1-category"> <p class="depth1-title">월드라이브러리</p> <ul class="menu-all-depth2"> <li class="menu-all-depth2__item" id="MMAP_L30500000000"> <a href='/LI/contents/L30500000000.do' class="depth">메인</a> </li> <li class="menu-all-depth2__item" id="MMAP_L30100000000"> <a href='/LI/contents/L30101000000.do' class="depth depth2">연구자료</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L30101000000"> <a href='/LI/contents/L30101000000.do' class="depth depth3">외국 연구자료</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30102000000"> <a href='/LI/contents/L30102000000.do' class="depth depth3">국립중앙도서관 발간자료</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30103000000"> <a href='/LI/contents/L30103000000.do' class="depth depth3">도서관 용어 해설</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L30200000000"> <a href='/LI/contents/L30201000000.do' class="depth depth2">도서관과 사람</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L30201000000"> <a href='/LI/contents/L30201000000.do' class="depth depth3">사서칼럼</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30202000000"> <a href='/LI/contents/L30202000000.do' class="depth depth3">포커스</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30203000000"> <a href='/LI/contents/L30203000000.do' class="depth depth3">리뷰</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L30300000000"> <a href='/LI/contents/L30301000000.do' class="depth depth2">국내외 소식</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L30301000000"> <a href='/LI/contents/L30301000000.do' class="depth depth3">국립중앙도서관</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30302000000"> <a href='/LI/contents/L30302000000.do' class="depth depth3">국내소식</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30303000000"> <a href='/LI/contents/L30303000000.do' class="depth depth3">국외소식</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L30400000000"> <a href='/LI/contents/L30401000000.do' class="depth depth2">참여·신청</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L30401000000"> <a href='/LI/contents/L30401000000.do' class="depth depth3">구독신청</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30402000000"> <a href='/LI/contents/L30402000000.do' class="depth depth3">구독취소</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30403000000"> <a href='/LI/contents/L30403000000.do' class="depth depth3">지난호보기</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30404000000"> <a href='/LI/contents/L30404000000.do' class="depth depth3">이전 홈페이지 지난호 보기</a> </li> <li class="menu-all-depth3__item" id="MMAP_L30405000000"> <a href='/LI/contents/L30405000000.do' class="depth depth3">기사제보</a> </li> </ul> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_L40000000000"> <a href="/LI/contents/L40100000000.do" class="depth depth1">서비스안내</a> <div class="menu-all-depth1-category"> <p class="depth1-title">서비스안내</p> <ul class="menu-all-depth2"> <li class="menu-all-depth2__item" id="MMAP_L40100000000"> <a href='/LI/contents/L40101000000.do' class="depth depth2">서비스 소개</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L40101000000"> <a href='/LI/contents/L40101000000.do' class="depth depth3">한국서지표준</a> </li> <li class="menu-all-depth3__item" id="MMAP_L40102000000"> <a href='/LI/contents/L40102010000.do' class="depth depth3">국가전거</a> <ul class="menu-all-depth4"> <li class="menu-all-depth4__item" id="MMAP_L40102010000"> <a href='/LI/contents/L40102010000.do' class="depth depth4">소개</a> </li> <li class="menu-all-depth4__item" id="MMAP_L40102020000"> <a href='/LI/contents/L40102020000.do' class="depth depth4">구상도</a> </li> <li class="menu-all-depth4__item" id="MMAP_L40102030000"> <a href='/LI/contents/L40102030000.do' class="depth depth4">기대효과</a> </li> <li class="menu-all-depth4__item" id="MMAP_L40102040000"> <a href='/LI/contents/L40102040000.do' class="depth depth4">FAQ</a> </li> </ul> </li> <li class="menu-all-depth3__item" id="MMAP_L40103000000"> <a href='/LI/contents/L40103000000.do' class="depth depth3">월드라이브러리</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L40200000000"> <a href='/LI/contents/L40201000000.do' class="depth depth2">공지사항</a> <ul class="menu-all-depth3"> <li class="menu-all-depth3__item" id="MMAP_L40201000000"> <a href='/LI/contents/L40201000000.do' class="depth depth3">한국서지표준</a> </li> <li class="menu-all-depth3__item" id="MMAP_L40202000000"> <a href='/LI/contents/L40202000000.do' class="depth depth3">국가전거</a> </li> <li class="menu-all-depth3__item" id="MMAP_L40203000000"> <a href='/LI/contents/L40203000000.do' class="depth depth3">월드라이브러리</a> </li> </ul> </li> <li class="menu-all-depth2__item" id="MMAP_L40400000000"> <a href='/LI/contents/L40400000000.do' class="depth">관련 사이트</a> </li> </ul> </div> </div> <div class="menu-all-depth1__item" id="MMAP_N60500000000"> <a href="/LI/contents/L50100000000.do" class="depth depth1">바구니</a> <div class="menu-all-depth1-category"> <p class="depth1-title">바구니</p> <ul class="menu-all-depth2"> <li class="menu-all-depth2__item" id="MMAP_N60508000000"> <a href='/LI/contents/L50101000000.do' class="depth">대한민국 국가서지</a> </li> <li class="menu-all-depth2__item" id="MMAP_N60509000000"> <a href='/LI/contents/L50102000000.do' class="depth">국가전거</a> </li> </ul> </div> </div> <a href="/LI/contents/L50400000000.do" title="사이트맵" class="btnGoSite">사이트맵</a> </div> </div> </div> <!-- //전체메뉴 --> <button type="button" class="btn-close"> <span class="sp_layout sp-close">전체메뉴닫기</span> </button> </div> </div> <!-- //전체메뉴 --> </div> <!-- //전체메뉴 영역 --> <div class="logo"> <a href="/LI/main/index.do" title="메인페이지로 이동"> <span class="sp">문화체육관광부 국립중앙도서관 사서지원서비스 로고</span> </a> </div> <div class="gnb_wrap" id="menu-gnb"> <!-- [D]menu-gnb-wrap클래스에 gnb--opened 클래스 추가 --> <ul class="menu-gnb-depth1"> <li class="menu-gnb-depth1__item" id="GNB_L10000000000"> <a href='/LI/contents/L10100000000.do' class="depth"><span>한국서지표준</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_L10100000000"> <a href='/LI/contents/L10101000000.do' >한국문헌자동화목록형식</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L10200000000"> <a href='/LI/contents/L10201000000.do' >더블린코어</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L10300000000"> <a href='/LI/contents/L10301000000.do' >MODS</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L10400000000"> <a href='/LI/contents/L10401000000.do' >도서관부호</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L10500000000"> <a href='/LI/contents/L10501000000.do' >대한민국 국가서지</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L10600000000"> <a href='/LI/contents/L10600000000.do' >서지표준동향</a> </li> </ul> </li> <li class="menu-gnb-depth1__item" id="GNB_L20000000000"> <a href='/LI/contents/L20100000000.do' class="depth"><span>국가전거</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_L20100000000"> <a href='/LI/contents/L20101000000.do' >저자전거</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L20200000000"> <a href='/LI/contents/L20201000000.do' >주제명 전거</a> </li> </ul> </li> <li class="menu-gnb-depth1__item" id="GNB_L30000000000"> <a href='/LI/contents/L30500000000.do' class="depth"><span>월드라이브러리</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_L30500000000"> <a href='/LI/contents/L30500000000.do' >메인</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L30100000000"> <a href='/LI/contents/L30101000000.do' >연구자료</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L30200000000"> <a href='/LI/contents/L30201000000.do' >도서관과 사람</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L30300000000"> <a href='/LI/contents/L30301000000.do' >국내외 소식</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L30400000000"> <a href='/LI/contents/L30401000000.do' >참여·신청</a> </li> </ul> </li> <li class="menu-gnb-depth1__item" id="GNB_L40000000000"> <a href='/LI/contents/L40100000000.do' class="depth"><span>서비스안내</span></a> <ul class="menu-gnb-depth2"> <li class="menu-gnb-depth2__item" id="GNB_L40100000000"> <a href='/LI/contents/L40101000000.do' >서비스 소개</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L40200000000"> <a href='/LI/contents/L40201000000.do' >공지사항</a> </li> <li class="menu-gnb-depth2__item" id="GNB_L40400000000"> <a href='/LI/contents/L40400000000.do' >관련 사이트</a> </li> </ul> </li> </ul> </div> <!-- <button class="sp web_sch_btn">검색</button> --> </div> </div> <!-- //헤더하단 --> <!-- 서브 검색 유틸영역 --> <!-- * 헤더 내 검색 영역 별도로 분리(2019.11.15 기획확인완료) * 통합 상세검색은 기획/디자인 완료 후 작업 예정 --> <div class="header__utility"> <!-- 서브 검색 폼 영역(PC/TABLET) --> <h2 class="ir_text">통합 검색</h2> <!-- 분기마다 wide-search-type-n 설정 ex) wide-search-type-1 --> <div class="wide-search-wrap wide-search-type-2"> </div> <!-- //서브 검색 폼 영역(PC/TABLET) --> <!-- 서브 검색 폼 영역(MOBILE) --> <div class="header__search-wrap"> <button type="button" class="btn-search--open2" aria-label="검색창"> <span class="sp_layout sp-search">검색창</span> </button> <div class="search-all-wrap"> <h2 class="ir_text">통합 검색</h2> <!-- 상단 고정 검색 영역 --> <div class="search__utils-wrap"> <form name="comSchMoForm" id="comSchMoForm" action="/NL/contents/search.do"> <input type="hidden" name="srchTarget" value="total"> <input type="hidden" name="pageNum" value="1"> <input type="hidden" name="pageSize" value="10"> <fieldset> <legend><span class="ir_rext">통합 검색어 입력폼</span></legend> <div class="search-form_group"> <div class="search-text-wrap"> <div class="input-text-wrap"> <label for="total_srarch">검색어를 입력해주세요.</label> <input type="text" name="kwd" id="total_srarch" class="input-text schKwd" aria-label="검색어 입력" onkeyDown="if(event.keyCode === 13){goSearchForm('comSchMoForm'); return false;}"> </div> </div> <div class="autocomplete_layer"> <div class="autocomplete_wrap"> <h3 class="ir_text">검색어 자동완성 목록</h3> <ul class="result_list"> </ul> <div class="btn_wrap"> <button type="button" class="autocomplete_close">자동완성 끄기</button> </div> </div> </div> <div class="search-btn-wrap"> <span class="btn-worldword-wrap"> <button type="button" class="btn-worldword" aria-expanded="false"> <span class="sp_layout sp-worldword">다국어입력기 열기</span> </button> <button type="button" class="btn-search"> <span class="sp_layout sp-search" onclick="goSearchForm('comSchMoForm');">검색하기</span> </button> </span> </div> </div> <button type="button" class="btn-search--close"> <span class="btn_cancel sp_layout">취소</span> </button> </fieldset> </form> </div> <!-- //상단 고정 검색 영역 --> </div> </div> <!-- //서브 검색 폼 영역(MOBILE) --> <!-- 서브 모바일 메뉴 고정 --> <div class="menu-wrap--mobile"> <!-- 모바일 3뎁스 --> <div class="depth3__menu-wrap"> <a href="#" onclick="window.history.back();" class="btn-back"><span class="sp_layout sp-back">뒤로가기</span></a> <h1 class="title">저자 전거 현황</h1> <!-- 공유하기 --> <div class="subUtill"> <button class="btn_board_util"><span class="btn_util">글자 크기 조정 및 공유</span></button> <div class="board_util_menu" style="display: none;"> <div class="font_set_wrap"> <span class="font_set"> <span class="font_size">글자크기</span> <button type="button" class="btn_font btn_fontup"><span class="sp">작게</span></button> <button type="button" class="btn_font btn_fontdown"><span class="sp">크게</span></button> </span> </div> <div class="board_share"><button class="btn btn_scrap" onclick="fn_scrap('B');">스크랩</button></div> <div class="board_share"><button class="btn_layer btn btn_share" data-layer="layer_share">공유</button></div> </div> </div> <!-- //공유하기 --> </div> <!-- //모바일 3뎁스 --> <!-- 모바일 4뎁스 --> <div class="depth4-menu-wrap" id="menu-wrap-tab4-mo"> <ul class="depth4-menu__list"> <li class="depth4-menu__item" id="MTAB_L20103010000"> <a href='/LI/contents/L20103010000.do' ><span class="depth4_menu_title">국가전거현황</span></a> </li> <li class="depth4-menu__item" id="MTAB_L20103020000"> <a href='/LI/contents/L20103020000.do' ><span class="depth4_menu_title">직업</span></a> </li> <li class="depth4-menu__item" id="MTAB_L20103030000"> <a href='/LI/contents/L20103030000.do' ><span class="depth4_menu_title">활동분야</span></a> </li> <li class="depth4-menu__item" id="MTAB_L20103040000"> <a href='/LI/contents/L20103040000.do' ><span class="depth4_menu_title">단체유형</span></a> </li> <li class="depth4-menu__item" id="MTAB_L20103050000"> <a href='/LI/contents/L20103050000.do' ><span class="depth4_menu_title">지역</span></a> </li> <li class="depth4-menu__item" id="MTAB_L20103060000"> <a href='/LI/contents/L20103060000.do' ><span class="depth4_menu_title">언어</span></a> </li> </ul> </div> <!-- //모바일 4뎁스 --> <!-- //서브메뉴 영역 --> </div> <!-- //서브 모바일 메뉴 고정 --> </div> <!-- //서브 검색 유틸영역 --> </div> </div> <!-- //header --> <!-- container --> <div id="container" class="container"> <!-- contents --> <div id="content" class="contents"> <!-- lnb --> <div id="lnb" class="lnb"> <h2 class="lnb_title">국가전거</h2><ul class="menu-lnb"> <li class="menu-lnb__item" id="SNB_L20100000000"> <a href='/LI/contents/L20101000000.do' class="is-sub__items">저자전거</a> <ul class="menu-lnb__sub"> <li class="menu-lnb__sub__item" id="SNB_L20101000000"> <a href='/LI/contents/L20101000000.do' >저자 전거 검색</a> </li> <li class="menu-lnb__sub__item" id="SNB_L20102000000"> <a href='/LI/contents/L20102000000.do' >저자 전거 분류별 브라우징</a> </li> <li class="menu-lnb__sub__item" id="SNB_L20103000000"> <a href='/LI/contents/L20103010000.do' >저자 전거 현황</a> </li> <li class="menu-lnb__sub__item" id="SNB_L20104000000"> <a href='/LI/contents/L20104000000.do' >수정요청 조회</a> </li> </ul> </li> <li class="menu-lnb__item" id="SNB_L20200000000"> <a href='/LI/contents/L20201000000.do' class="is-sub__items">주제명 전거</a> <ul class="menu-lnb__sub"> <li class="menu-lnb__sub__item" id="SNB_L20201000000"> <a href='/LI/contents/L20201000000.do' >주제명검색</a> </li> <li class="menu-lnb__sub__item" id="SNB_L20202000000"> <a href='/LI/contents/L20202000000.do' >주제명 브라우징</a> </li> <li class="menu-lnb__sub__item" id="SNB_L20203000000"> <a href='/LI/contents/L20203010000.do' >주제명 전거 현황</a> </li> </ul> </li> </ul> </div> <!-- //lnb --> <div id="sub_content" class="sub_contents"> <div id="print"> <div class="content_top"> <div class="content_info"> <!-- breadcrumbs --> <div class="breadcrumbs" role="navigation"> <ol class="breadcrumbs__list"> <li class="breadcrumbs__item"> <a href="/"><span class="sp_layout home">홈</span></a> </li> <li class="breadcrumbs__item"><span>국가전거</span></li> <li class="breadcrumbs__item"><span>저자전거</span></li> <li class="breadcrumbs__item"><span>저자 전거 현황</span></li> <li class="breadcrumbs__item"><strong>지역</strong></li> </ol> </div> <!-- //breadcrumbs --> <h1 class="title">저자 전거 현황</h1> <form name="nlScrapForm" id="nlScrapForm" method="post"> <input type="hidden" name="scrapSitecode" value="exhibition" /> <!--SITE 구분 --> <input type="hidden" name="scrapTitle" value="저자 전거 현황 > 지역" /> <!--스크랩 타이틀 --> <input type="hidden" name="scrapPath" value="/LI/contents/L20103050000.do" /> <!--상세URL --> <input type="hidden" name="scrapOriginalView" value="" /> <!-- 원문보기 --> <input type="hidden" name="scrapMarcDown" value="" /> <!-- marc 다운 --> <input type="hidden" name="scrapBookWriter" value="" /> <!-- 저자 --> <input type="hidden" name="scrapBookYear" value="" /> <!-- 발행년도 --> <input type="hidden" name="scrapCateKey" value="" /> <!-- 스크랩분류키 --> <input type="hidden" name="scrapDesc" value="" /> <!-- 스크랩설명 --> <input type="hidden" name="scrapGbn" value="" /> <!-- 스크랩URL 구분 --> </form> <!-- 메뉴 설정 영역 --> <div class="menu__set"> <!-- 공유하기 pc--> <a href="#;" class="menu__set-share" title="공유"><span class="ir_text">공유</span></a> <div class="menu-sns"> <form name="snsShare" method="post"> <input type="hidden" name="siteCode" value="LI" /> <input type="hidden" name="menuCode" value="L20103050000" /> <input type="hidden" name="kakaoAppkey" value="" /> <ul class="menu__list-sns"> <li class="menu__item-sns"><a href="#" class="instagram" onclick="ItgJs.sendSns('instagram', 'https://librarian.nl.go.kr/LI/contents/L20103050000.do', '제목 입력')" target="_blank" title="새창열림"><span class="sp_layout">인스타그램</span></a></li> <li class="menu__item-sns"><a href="#" class="blog" onclick="ItgJs.sendSns('naverBlog', 'https://librarian.nl.go.kr/LI/contents/L20103050000.do', '제목 입력')" target="_blank" title="새창열림"><span class="sp_layout">네이버블로그</span></a></li> <li class="menu__item-sns"><a href="#" class="facebook" onclick="ItgJs.sendSns('facebook', 'https://librarian.nl.go.kr/LI/contents/L20103050000.do', '내용 입력')" target="_blank" title="새창열림"><span class="sp_layout">페이스북</span></a></li> <li class="menu__item-sns"><a href="#" class="twitter" onclick="ItgJs.sendSns('twitter', 'https://librarian.nl.go.kr/LI/contents/L20103050000.do', '내용 입력')" target="_blank" title="새창열림"><span class="sp_layout">트위터</span></a></li> <li class="menu__item-sns"><a href="#" class="youtube" onclick="ItgJs.sendSns('youtube', 'https://librarian.nl.go.kr/LI/contents/L20103050000.do', '제목 입력')" target="_blank" title="새창열림"><span class="sp_layout">유튜브</span></a></li> </ul> <button type="button" class="menu-sns_close"><span class="sp">공유하기 닫기</span></button> </form> </div> <a href="javascript:content_print();" class="menu__set-print" title="인쇄"><span class="ir_text">인쇄</span></a> <!-- <a href="#" class="menu__set-scrap" onclick="fn_scrap('B');" title="스크랩"><span class="ir_text">스크랩</span></a> --> </div> <!-- //메뉴 설정 영역 --> <!-- 서브메뉴 영역 --> <div class="menu-wrap" id="menu-wrap-tab4"> <div class="depth4-menu-wrap"> <ul class="depth4-menu__list"> <li class="depth4-menu__item" id="TAB_L20103010000"> <a href='/LI/contents/L20103010000.do' ><span class="depth4_menu_title">국가전거현황</span></a> </li> <li class="depth4-menu__item" id="TAB_L20103020000"> <a href='/LI/contents/L20103020000.do' ><span class="depth4_menu_title">직업</span></a> </li> <li class="depth4-menu__item" id="TAB_L20103030000"> <a href='/LI/contents/L20103030000.do' ><span class="depth4_menu_title">활동분야</span></a> </li> <li class="depth4-menu__item" id="TAB_L20103040000"> <a href='/LI/contents/L20103040000.do' ><span class="depth4_menu_title">단체유형</span></a> </li> <li class="depth4-menu__item" id="TAB_L20103050000"> <a href='/LI/contents/L20103050000.do' ><span class="depth4_menu_title">지역</span></a> </li> <li class="depth4-menu__item" id="TAB_L20103060000"> <a href='/LI/contents/L20103060000.do' ><span class="depth4_menu_title">언어</span></a> </li> </ul> </div> </div> <!-- //서브메뉴 영역 --> </div> </div> <!-- 본문 영역 --> <div class="content_wrap"> <div class="sub_content"> <!-- 공유하기 mobile--> <div class="menu__set menu__set_mobile"> <a href="#;" class="menu__set-share" title="공유"><span class="ir_text">공유</span></a> <div class="menu-sns"> <form name="snsShare" method="post"> <input type="hidden" name="siteCode" value="LI" /> <input type="hidden" name="menuCode" value="L20103050000" /> <input type="hidden" name="kakaoAppkey" value="" /> <ul class="menu__list-sns"> <li class="menu__item-sns"><a href="#" class="instagram" onclick="ItgJs.sendSns('instagram', 'https://librarian.nl.go.kr/LI/contents/L20103050000.do', '제목 입력')" target="_blank" title="새창열림"><span class="sp_layout sp_sns">인스타그램</span></a></li> <li class="menu__item-sns"><a href="#" class="blog" onclick="ItgJs.sendSns('naverBlog', 'https://librarian.nl.go.kr/LI/contents/L20103050000.do', '제목 입력')" target="_blank" title="새창열림"><span class="sp_layout sp_sns">네이버블로그</span></a></li> <li class="menu__item-sns"><a href="#" class="facebook" onclick="ItgJs.sendSns('facebook', 'https://librarian.nl.go.kr/LI/contents/L20103050000.do', '내용 입력')" target="_blank" title="새창열림"><span class="sp_layout sp_sns">페이스북</span></a></li> <li class="menu__item-sns"><a href="#" class="twitter" onclick="ItgJs.sendSns('twitter', 'https://librarian.nl.go.kr/LI/contents/L20103050000.do', '내용 입력')" target="_blank" title="새창열림"><span class="sp_layout sp_sns">트위터</span></a></li> <li class="menu__item-sns"><a href="#" class="youtube" onclick="ItgJs.sendSns('youtube', 'https://librarian.nl.go.kr/LI/contents/L20103050000.do', '제목 입력')" target="_blank" title="새창열림"><span class="sp_layout sp_sns">유튜브</span></a></li> </ul> <button type="button" class="menu-sns_close"><span class="sp sp_sns">공유하기 닫기</span></button> </form> </div> </div> <script src="/resource/templete/li/js/jquery-ui.min.js"></script> <script src="/resource/templete/li/js/jquery-3.1.1.js"></script> <script src="/resource/templete/li/js/echarts.min.js"></script> <script src="/resource/templete/li/js/latlong.js"></script> <script src="/resource/templete/li/js/world.js"></script> <script type="text/javascript"> // 차트유형 (P:Pie, B:Bar, L:Line, M:Map) var chartType = "P"; // 차트 데이터 var chartData = null; // 차트 Object var chartList = []; var statistic_type ="region"; // 전거유형 var acTypeLegend = ['개인','단체','전체']; var dataType = ["0","1","A"]; // 직업 or 단체유형 유형 var acTypeJob = ['개인']; var dataTypeJob = ["0"]; var acTypeOrgType = ['단체']; var dataTypeOrgType = ["1"]; var dataTypeAxis = {"0":{"code":["한국","미국","일본","중국","영국","독일","인도","프랑스","캐나다","기타"]},"1":{"code":["한국","미국","일본","중국","영국","대만","만주국[滿洲國]","독일","북한","기타"]},"A":{"code":["한국","미국","일본","중국","영국","독일","인도","프랑스","캐나다","기타"]}}; var getData = {"code_data":[{"독일":35508,"프랑스":20613,"캐나다":14349,"미국":188601,"일본":90385,"영국":50898,"인도":24735,"중국":77817,"기타":190488,"한국":1097855,"AC_TYPE":"0"},{"독일":60,"미국":2895,"일본":1797,"영국":129,"중국":437,"기타":524,"대만":82,"만주국[滿洲國]":62,"한국":133179,"AC_TYPE":"1","북한":43},{"독일":35568,"프랑스":20653,"캐나다":14383,"미국":191496,"일본":92182,"영국":51027,"인도":24744,"중국":78254,"기타":191116,"한국":1231034,"AC_TYPE":"A"}]}; $(document).ready(function () { //[처음] 원형그래프 class "on" $('#chartTypeP').addClass("btn_on"); // 차트유형 버튼 클릭 $("a[id^=chartType]").bind("click", function() { // 같은거 선택 차단 var temp = this.id.substring(9); if (temp == chartType) { return false; } // 지역의 경우만 Map 차트 사용가능 if (temp == 'M' && dataType != 'C') { return false; } chartType = temp; $("a[id^=chartType]").removeClass("btn_on"); $(this).addClass("btn_on"); // 차트그리기 onDrawChart(); }); // 데이터 조회 chartData = getData.code_data; if (chartData != null) { // 차트그리기 onDrawChart(); // 리사이즈 처리 window.onresize = function() { $.each(chartList, function() { this.resize(); }); }; } }); // 차트그리기 function onDrawChart() { /* chartList = []; */ if(statistic_type!="job" && statistic_type != "orgType"){ if (chartType == "P") { onDrawPieChart(); } // Pie 차트 else if (chartType == "B") { onDrawBarChart(); } // Bar 차트 else if (chartType == "L") { onDrawLineChart(); } // Line 차트 } else if(statistic_type == "job" || statistic_type == "orgType") { if (chartType == "P") { onDrawPieChart(); } // Pie 차트 else if (chartType == "B") { onDrawBarChart(); } // Bar 차트 } else { onDrawPieBar(); } } //직업, 단체유형 파이차트 + 막대차트 그리기 function onDrawPieBar(){ var pieChartLayer = ""; if(statistic_type == "job"){ pieChartLayer += '<h5 hidden="">원형그래프-인물</h5><div id="pie0" style="height:100%; width:100%;" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-기관</h5><div id="pie1" style="height:100%; width:0%; float:left; display:none;" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-전체</h5><div id="pieA" style="height:100%; width:0%; float:left; display:none;" ></div>'; } else if(statistic_type == "orgType"){ pieChartLayer += '<h5 hidden="">원형그래프-인물</h5><div id="pie0" style="height:100%; width:0%; float:left; display:none;" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-기관</h5><div id="pie1" style="height:100%; width:100%;" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-전체</h5><div id="pieA" style="height:100%; width:0%; float:left; display:none;" ></div>'; } $("#chartLayer").html(pieChartLayer); //pie차트 $.each(chartData, function(idx, data) { var seriesData = []; $.each(dataTypeAxis[dataType[idx]].code, function(idx2, code) { seriesData.push({ value: data[code], name : dataTypeAxis[dataType[idx]].code[idx2] }); }); if(statistic_type == "job" || statistic_type == "orgType"){ createDrawJobPieChart(this.AC_TYPE, dataTypeAxis[dataType[idx]].code, seriesData); } else{ createDrawPieChart(this.AC_TYPE, dataTypeAxis[dataType[idx]].code, seriesData); } }); $("#chartLayer2").html('<div id="other" style="height:100%" ></div>'); //bar차트 var series = []; if(statistic_type == "job"){ var seriesData = []; var data = chartData[0]; $.each(dataTypeAxis[dataTypeJob[0]].code, function(idx2, code) { seriesData.push(data[code]); }); series.push({ name: convAcType(chartData[0].AC_TYPE), type: 'bar', data: seriesData }); series.push({ name: convAcType(chartData[1].AC_TYPE), type: 'line', data: seriesData }); createDrawBarChart(acTypeJob, dataTypeAxis[dataTypeJob[0]].code, series); } else if(statistic_type == "orgType"){ var seriesData = []; var data = chartData[1]; $.each(dataTypeAxis[dataTypeOrgType[0]].code, function(idx2, code) { seriesData.push(data[code]); }); series.push({ name: convAcType(chartData[1].AC_TYPE), type: 'bar', data: seriesData }); series.push({ name: convAcType(chartData[0].AC_TYPE), type: 'line', data: seriesData }); createDrawBarChart(acTypeOrgType, dataTypeAxis[dataTypeOrgType[0]].code, series); } } // Pie 차트 그리기 function onDrawPieChart() { var pieChartLayer = ""; if(statistic_type == "job"){ //pieChartLayer += '<h5 hidden="">원형그래프-인물</h5><div id="pie0" style="height:100%; width:100%; float:left; left:34%" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-인물</h5><div id="pie0" style="height:100%; width:100%; float:left;" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-기관</h5><div id="pie1" style="height:100%; width:0%; float:left; display:none;" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-전체</h5><div id="pieA" style="height:100%; width:0%; float:left; display:none;" ></div>'; } else if(statistic_type == "orgType"){ pieChartLayer += '<h5 hidden="">원형그래프-인물</h5><div id="pie0" style="height:100%; width:0%; float:left; display:none;" ></div>'; //pieChartLayer += '<h5 hidden="">원형그래프-기관</h5><div id="pie1" style="height:100%; width:100%; float:left; left:34%" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-기관</h5><div id="pie1" style="height:100%; width:100%; float:left;" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-전체</h5><div id="pieA" style="height:100%; width:0%; float:left; display:none;" ></div>'; } else { pieChartLayer += '<h5 hidden="">원형그래프-인물</h5><div id="pie0" style="height:100%; width:33.333%; float:left" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-기관</h5><div id="pie1" style="height:100%; width:33.333%; float:left" ></div>'; pieChartLayer += '<h5 hidden="">원형그래프-전체</h5><div id="pieA" style="height:100%; width:33.333%; float:left" ></div>'; } $("#chartLayer").html(pieChartLayer); $.each(chartData, function(idx, data) { var seriesData = []; $.each(dataTypeAxis[dataType[idx]].code, function(idx2, code) { seriesData.push({ value: data[code], name : dataTypeAxis[dataType[idx]].code[idx2] }); }); if(statistic_type == "job" || statistic_type == "orgType"){ createDrawJobPieChart(this.AC_TYPE, dataTypeAxis[dataType[idx]].code, seriesData); } else{ createDrawPieChart(this.AC_TYPE, dataTypeAxis[dataType[idx]].code, seriesData); } }); } // Bar 차트 그리기 function onDrawBarChart() { $("#chartLayer").html('<h5 hidden="">막대그래프</h5><div id="other" style="height:100%" ></div>'); var series = []; if(statistic_type == "job"){ var seriesData = []; var data = chartData[0]; $.each(dataTypeAxis[dataTypeJob[0]].code, function(idx2, code) { seriesData.push(data[code]); }); series.push({ name: convAcType(chartData[0].AC_TYPE), type: 'bar', data: seriesData }); series.push({ name: convAcType(chartData[1].AC_TYPE), type: 'line', data: seriesData }); createDrawBarChart(acTypeJob, dataTypeAxis[dataTypeJob[0]].code, series); } else if(statistic_type == "orgType"){ var seriesData = []; var data = chartData[1]; $.each(dataTypeAxis[dataTypeOrgType[0]].code, function(idx2, code) { seriesData.push(data[code]); }); series.push({ name: convAcType(chartData[1].AC_TYPE), type: 'bar', data: seriesData }); series.push({ name: convAcType(chartData[0].AC_TYPE), type: 'line', data: seriesData }); createDrawBarChart(acTypeOrgType, dataTypeAxis[dataTypeOrgType[0]].code, series); } else{ $.each(chartData, function(idx, data) { var seriesData = []; $.each(dataTypeAxis[dataType[2]].code, function(idx2, code) { seriesData.push(data[code]); }); series.push({ name: convAcType(data.AC_TYPE), type: 'bar', data: seriesData }); series.push({ name: convAcType(data.AC_TYPE), type: 'line', data: seriesData }); createDrawBarChart(acTypeLegend, dataTypeAxis[dataType[2]].code, series); }); } } // Line 차트 그리기 function onDrawLineChart() { $("#chartLayer").html('<h5 hidden="">선형그래프</h5><div id="other" style="height:100%" ></div>'); var series = []; if(statistic_type == "job"){ var seriesData = []; var data = chartData[0]; $.each(dataTypeAxis[dataTypeJob[0]].code, function(idx2, code) { seriesData.push(data[code]); }); series.push({ name: convAcType(chartData[0].AC_TYPE), type: 'line', data: seriesData }); createLineChart(acTypeJob, dataTypeAxis[dataTypeJob[0]].code, series); } else if(statistic_type == "orgType"){ var seriesData = []; var data = chartData[1]; $.each(dataTypeAxis[dataTypeOrgType[0]].code, function(idx2, code) { seriesData.push(data[code]); }); series.push({ name: convAcType(chartData[1].AC_TYPE), type: 'line', data: seriesData }); createLineChart(acTypeOrgType, dataTypeAxis[dataTypeOrgType[0]].code, series); } else{ $.each(chartData, function(idx, data) { var seriesData = []; $.each(dataTypeAxis[dataType[2]].code, function(idx2, code) { seriesData.push(data[code]); }); series.push({ name: convAcType(data.AC_TYPE), type: 'line', data: seriesData }); createLineChart(acTypeLegend, dataTypeAxis[dataType[2]].code, series); }); } } // 전거유형 설명값으로 변경 function convAcType(type) { return type == "A" ? acTypeLegend[2] : type == "0" ? acTypeLegend[0] : acTypeLegend[1]; } // Pie 차트 생성 function createDrawPieChart(acType, legendData, seriesData) { var pieChart = echarts.init(document.getElementById("pie"+acType)); chartList.push(pieChart); pieChart.setOption({ title: { x: 'center', top: 110, text: convAcType(acType) }, tooltip: { trigger: 'item', //formatter: "{b} <br/>{c} ({d}%)" formatter: function (params) { var rez = ''; var num = params.value; if (num >= 1000){ num = AddComma(num); } rez = params.data.name + '<br/>' + num + '건 ( '+params.percent+'%)'; return rez; } }, //색깔에 따른 명칭 legend: { x: 'center', bottom: 0, data: legendData }, series: [{ name: convAcType(acType), type: 'pie', radius: ['30%', '60%'], center: ['50%', '35%'], avoidLabelOverlap: false, label: { normal: { show: false, position: 'center' }, emphasis: { show: false, textStyle: { fontSize: '0' } } }, labelLine: { normal: { show: false } }, data:seriesData }] }, true); } // Bar 차트 생성 function createDrawBarChart(legendData, xAxisData, series) { var barChart = echarts.init(document.getElementById("other")); chartList.push(barChart); barChart.setOption({ tooltip: { trigger: 'item', /* trigger: 'axis', */ /* axisPointer: { type: 'shadow' type: 'cross', crossStyle:{ color : '#999' } } */ }, legend: { data: legendData }, /* toolbox: { show: true, orient: 'vertical', left: 'right', top: 'center', feature: { magicType: { show: true, type: ['stack', 'tiled'] } } }, */ grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: { type: 'category', data: xAxisData, axisLabel:{rotate:50, interval:0} }, yAxis: { type: 'value' }, series: series }, true); } // Line 차트 생성 function createLineChart(legendData, xAxisData, series) { var lineChart = echarts.init(document.getElementById("other")); chartList.push(lineChart); lineChart.setOption({ tooltip: { trigger: 'axis' }, legend: { data: legendData }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true, }, xAxis: { type: 'category', data: xAxisData, axisLabel:{rotate:50, interval:0} }, yAxis: { type: 'value' }, series: series }, true); } // [직업용] Pie 차트 생성 function createDrawJobPieChart(acType, legendData, seriesData) { var pieChart = echarts.init(document.getElementById("pie"+acType)); chartList.push(pieChart); pieChart.setOption({ title: { x: 'left', top: 190, left: 465, text: convAcType(acType) }, tooltip: { trigger: 'item', //, formatter: '{b} <br/>{c}건 ({d}%)' formatter: function (params) { var rez = ''; var num = params.value; if (num >= 1000){ num = AddComma(num); } rez = params.data.name + '<br/>' + num + '건 ( '+params.percent+'%)'; return rez; } }, //색깔에 따른 명칭 legend: { x: 'center', bottom: 0, data: legendData }, series: [{ name: convAcType(acType), type: 'pie', radius: ['40%', '70%'], center: ['50%', '45%'], avoidLabelOverlap: false, label: { normal: { show: false, position: 'center' }, emphasis: { show: false, textStyle: { fontSize: '0' } } }, labelLine: { normal: { show: false } }, data:seriesData }] }, true); } function AddComma(num) { var regexp = /\B(?=(\d{3})+(?!\d))/g; return num.toString().replace(regexp, ','); } $(document).ready(function(){ var currentTxt = ""; switch ( statistic_type ){ case "AcPresent": currentTxt = "국가전거현황"; break; case "job": currentTxt = "직업"; break; case "activity": currentTxt = "활동분야"; break; case "orgType": currentTxt = "단체유형"; break; case "region": currentTxt = "지역"; break; case "language": currentTxt = "언어"; break; } $(".rank_wrap_new table caption").each(function(){ $(this).html("저자전거현황 " + currentTxt + " " + $(this).text()); }) }) </script> <!-- 차트 영역 --> <div id="menubar" class="chart_menu"> <a href="#n" id="chartTypeP" title="원형그래프 보기">원형그래프</a> <!-- <a href="#n" id="chartTypeL" title="선형그래프 보기">선형그래프</a> --> <a href="#n" id="chartTypeB" title="막대그래프 보기">막대그래프</a> </div> <div class="graph_apibox h350"> <div id="chartLayer"></div> </div> <div class="txt-box mg-top"> <h3 class="cont_s_tit">전체</h3> <div class="rank_wrap_new"> <!-- <table> --> <!-- 왼쪽 --> <!-- <tbody class="rank_body_new"> --> <!-- <tr class="rank_tit_new"> --> <!-- <th scope="col">분야</th> --> <!-- <th scope="col">등록현황</th> --> <!-- </tr> --> <!-- </tbody> --> <!-- <tbody class="rank_body_new"> --> <!-- <tr class="rank_tit_new"> --> <!-- <th scope="col">분야</th> --> <!-- <th scope="col">등록현황</th> --> <!-- </tr> --> <!-- <tr> --> <!-- </tr> --> <!-- </tbody> --> <!-- </table> --> <!-- [S] table_basic_flex --> <div class="table_basic_flex"> <!-- [S] 왼쪽 --> <table class="table_basic"> <caption class="ir_text">전체 표 - 분야, 등록현황으로 구성됨</caption> <colgroup> <col style="width: 50%"> <col style="width: 50%"> </colgroup> <thead> <tr> <th scope="col">분야</th> <th scope="col">등록현황</th> </tr> </thead> <tbody> <tr> <td>한국</td> <td>1,231,034 건</td> </tr> <tr> <td>미국</td> <td>191,496 건</td> </tr> <tr> <td>일본</td> <td>92,182 건</td> </tr> <tr> <td>중국</td> <td>78,254 건</td> </tr> <tr> <td>영국</td> <td>51,027 건</td> </tr> </tbody> </table> <!-- [E] 왼쪽 --> <!-- [S] 오른쪽 --> <table class="table_basic"> <caption class="ir_text">전체 표 - 분야, 등록현황으로 구성됨</caption> <colgroup> <col style="width: 50%"> <col style="width: 50%"> </colgroup> <thead> <tr> <th scope="col">분야</th> <th scope="col">등록현황</th> </tr> </thead> <tbody> <tr> <td>독일</td> <td>35,568 건</td> </tr> <tr> <td>인도</td> <td>24,744 건</td> </tr> <tr> <td>프랑스</td> <td>20,653 건</td> </tr> <tr> <td>캐나다</td> <td>14,383 건</td> </tr> <tr> <td>기타</td> <td>191,116 건</td> </tr> </tbody> </table> <!-- [E] 오른쪽 --> </div> <!-- [E] table_basic_flex --> </div> </div> <div class="txt-box mg-top"> <h3 class="cont_s_tit">개인</h3> <div class="rank_wrap_new"> <!-- <table> --> <!-- 왼쪽 --> <!-- <tbody class="rank_body_new"> --> <!-- <tr class="rank_tit_new"> --> <!-- <th scope="col">분야</th> --> <!-- <th scope="col">등록현황</th> --> <!-- </tr> --> <!-- </tbody> --> <!-- <tbody class="rank_body_new"> --> <!-- <tr class="rank_tit_new"> --> <!-- <th scope="col">분야</th> --> <!-- <th scope="col">등록현황</th> --> <!-- </tr> --> <!-- <tr> --> <!-- </tr> --> <!-- </tbody> --> <!-- </table> --> <!-- [S] table_basic_flex --> <div class="table_basic_flex"> <!-- [S] 왼쪽 --> <table class="table_basic"> <caption class="ir_text">개인 표 - 분야, 등록현황으로 구성됨</caption> <colgroup> <col style="width: 50%"> <col style="width: 50%"> </colgroup> <thead> <tr> <th scope="col">분야</th> <th scope="col">등록현황</th> </tr> </thead> <tbody> <tr> <td>한국</td> <td>1,097,855 건</td> </tr> <tr> <td>미국</td> <td>188,601 건</td> </tr> <tr> <td>일본</td> <td>90,385 건</td> </tr> <tr> <td>중국</td> <td>77,817 건</td> </tr> <tr> <td>영국</td> <td>50,898 건</td> </tr> </tbody> </table> <!-- [E] 왼쪽 --> <!-- [S] 오른쪽 --> <table class="table_basic"> <caption class="ir_text">개인 표 - 분야, 등록현황으로 구성됨</caption> <colgroup> <col style="width: 50%"> <col style="width: 50%"> </colgroup> <thead> <tr> <th scope="col">분야</th> <th scope="col">등록현황</th> </tr> </thead> <tbody> <tr> <td>독일</td> <td>35,508 건</td> </tr> <tr> <td>인도</td> <td>24,735 건</td> </tr> <tr> <td>프랑스</td> <td>20,613 건</td> </tr> <tr> <td>캐나다</td> <td>14,349 건</td> </tr> <tr> <td>기타</td> <td>190,488 건</td> </tr> </tbody> </table> <!-- [E] 오른쪽 --> </div> <!-- [E] table_basic_flex --> </div> </div> <div class="txt-box mg-top"> <h3 class="cont_s_tit">단체</h3> <div class="rank_wrap_new"> <!-- <table> --> <!-- 왼쪽 --> <!-- <tbody class="rank_body_new"> --> <!-- <tr class="rank_tit_new"> --> <!-- <th scope="col">분야</th> --> <!-- <th scope="col">등록현황</th> --> <!-- </tr> --> <!-- </tbody> --> <!-- <tbody class="rank_body_new"> --> <!-- <tr class="rank_tit_new"> --> <!-- <th scope="col">분야</th> --> <!-- <th scope="col">등록현황</th> --> <!-- </tr> --> <!-- <tr> --> <!-- </tr> --> <!-- </tbody> --> <!-- </table> --> <!-- [S] table_basic_flex --> <div class="table_basic_flex"> <!-- [S] 왼쪽 --> <table class="table_basic"> <caption class="ir_text">단체 표 - 분야, 등록현황으로 구성됨</caption> <colgroup> <col style="width: 50%"> <col style="width: 50%"> </colgroup> <thead> <tr> <th scope="col">분야</th> <th scope="col">등록현황</th> </tr> </thead> <tbody> <tr> <td>한국</td> <td>133,179 건</td> </tr> <tr> <td>미국</td> <td>2,895 건</td> </tr> <tr> <td>일본</td> <td>1,797 건</td> </tr> <tr> <td>중국</td> <td>437 건</td> </tr> <tr> <td>영국</td> <td>129 건</td> </tr> </tbody> </table> <!-- [E] 왼쪽 --> <!-- [S] 오른쪽 --> <table class="table_basic"> <caption class="ir_text">단체 표 - 분야, 등록현황으로 구성됨</caption> <colgroup> <col style="width: 50%"> <col style="width: 50%"> </colgroup> <thead> <tr> <th scope="col">분야</th> <th scope="col">등록현황</th> </tr> </thead> <tbody> <tr> <td>대만</td> <td>82 건</td> </tr> <tr> <td>만주국[滿洲國]</td> <td>62 건</td> </tr> <tr> <td>독일</td> <td>60 건</td> </tr> <tr> <td>북한</td> <td>43 건</td> </tr> <tr> <td>기타</td> <td>524 건</td> </tr> </tbody> </table> <!-- [E] 오른쪽 --> </div> <!-- [E] table_basic_flex --> </div> </div> </div> </div> </div> <!-- 공유하기 팝업 --> <div class="layer_popup_wrap layer_share" data-layer="layer_share" style="display:none;"> <div class="layer_popup"> <div class="popup_header"> <h1 class="popup_title">공유하기</h1> </div> <div class="popup_contents"> <div class="sns_area"> <ul class="sns_list"> </ul> </div> </div> <button type="button" class="btn_close closeLayer"><span class="sp">닫기</span></button> </div> </div> <!-- //공유하기 팝업 --> <!--담당부서 번호 시작--> <div class="contact_department"> <div class="inner"> <div class="box"> <img src="/resource/templete/li/img/sub/icon_tel.png" alt=""/> <span class="color_txt">담당부서 : </span>국가서지과 (02-590-6339)</div> </div> </div> <!--담당부서 번호 끝--> </div> </div> <!-- //contents --> </div> <!-- //container --> <!-- footer --> <div id="footer" class="footer"> <!-- 푸터 상단 --> <div class="footer__inner-top"> <div class="inner"> <h2 class="ir_text">하단 메뉴</h2> <!-- 안내 영역 --> <ul class="footer-util__list"> <!-- <li class="footer-util__item"> <a href="http://help.nl.go.kr/" target="_blank">원격헬프데스크</a> [D] 모바일에서는 미노출 </li> <li class="footer-util__item"> <a href="https://ask.nl.go.kr/popup/userListMainAll.jsp" target="_blank">장애인전용 온라인상담</a> [D] 모바일에서는 미노출 </li> <li class="footer-util__item"> <a href="https://nl.go.kr/NL/contents/N50108000000.do" target="_blank">찾아오시는 길</a> </li> --> <li class="footer-util__item none_mobile"> <a href="/LI/contents/L50400000000.do">사이트맵</a> </li> <li class="footer-util__item"> <a href="https://librarian.nl.go.kr/LI/contents/L80101000000.do" target="_blank">서비스 이용가이드</a> </li> <li class="footer-util__item"> <a href="https://librarian.nl.go.kr/LI/contents/L101000000000.do">국립중앙도서관 표준지침</a> </li> </ul> <!-- 안내 영역 --> <!-- SNS 영역 --> <ul class="footer-sns__list"> <li class="footer-sns__item"> <a href="https://www.instagram.com/nationallibraryofkorea/" class="instagram" target="_blank" title="새창 열림"> <span class="ico">인스타그램</span> </a> </li> <li class="footer-sns__item"> <a href="http://blog.naver.com/dibrary1004" class="blog" target="_blank" title="새창 열림"> <span class="ico">블로그</span> </a> </li> <li class="footer-sns__item"> <a href="https://ko-kr.facebook.com/national.library.of.korea" class="facebook" target="_blank" title="새창 열림"> <span class="ico">페이스북</span> </a> </li> <li class="footer-sns__item"> <a href="https://twitter.com/library1004" class="twitter" target="_blank" title="새창 열림"> <span class="ico">트위터</span> </a> </li> <li class="footer-sns__item"> <a href="https://www.youtube.com/channel/UCKjWKI1yRlzWfgnF98HZ_TA" class="youtube" target="_blank" title="새창 열림"> <span class="ico">유투브</span> </a> </li> </ul> <!-- //SNS 영역 --> </div> </div> <!-- //푸터 상단 --> <!-- 푸터 하단 --> <div class="footer__inner-bottom"> <div class="inner"> <!-- PC 정책, 법령 --> <div class="policy-wrap"> <ul class="policy__list"> <li class="policy__item"><a href="https://nl.go.kr/NL/contents/N70100000000.do" target="_blank" title="새 창으로 열기">개인정보처리방침</a></li> <li class="policy__item"><a href="https://nl.go.kr/NL/contents/N70200000000.do" target="_blank" title="새 창으로 열기">국립중앙도서관 윤리강령</a></li> <li class="policy__item"><a href="https://nl.go.kr/NL/contents/N70300000000.do" target="_blank" title="새 창으로 열기">도서관법령</a></li> <li class="policy__item"><a href="https://nl.go.kr/NL/contents/N70400000000.do" target="_blank" title="새 창으로 열기">이용봉사헌장</a></li> <li class="policy__item"><a href="https://nl.go.kr/NL/contents/N50803010000.do" target="_blank" title="새 창으로 열기">사전정보공개</a></li> <li class="policy__item"><a href="https://nl.go.kr/NL/contents/N70600000000.do" target="_blank" title="새 창으로 열기">저작권정책</a></li> </ul> </div> <!-- //PC 정책, 법령 --> <!-- MO 정책, 법령 --> <div class="mo_policy-wrap"> <label for="policy_page" class="ir_text">개인정보처리방침</label> <select id="policy_page" class="policy-select-wrap"> <option value="https://nl.go.kr/NL/contents/N70100000000.do">개인정보처리방침</option> <option value="https://nl.go.kr/NL/contents/N70200000000.do">국립중앙도서관 윤리강령</option> <option value="https://nl.go.kr/NL/contents/N70300000000.do">도서관법령</option> <option value="https://nl.go.kr/NL/contents/N70400000000.do">이용봉사헌장</option> <option value="https://nl.go.kr/NL/contents/N50803010000.do">사전정보공개</option> <option value="https://nl.go.kr/NL/contents/N70600000000.do">저작권정책</option> </select> <button type="button" title="새창열림" id="policy_page_btn" class="site-go">이동</button> </div> <!-- //MO 정책, 법령 --> <!-- 유관사이트 --> <div class="family-wrap"> <label for="family_site" class="ir_text">유관사이트</label> <select id="family_site" class="family-select-wrap"> <option value class="opt-tit">유관사이트</option> <option value="https://www.nlcy.go.kr">국립어린이청소년도서관</option> <option value="https://sejong.nl.go.kr">국립세종도서관</option> <option value="http://nld.nl.go.kr">국립장애인도서관</option> <option value="https://www.data.go.kr">공공데이터포털</option> <option value="http://www.acrc.go.kr">국민권익위원회</option> <option value="http://www.korea.go.kr">대한민국전자정부</option> <option value="http://mcst.go.kr">문화체육관광부</option> <option value="http://www.kpf.or.kr">한국언론진흥재단</option> <option value="http://www.museum.go.kr/uigwe/">외규장각 의궤</option> <option value="http://www.nanet.go.kr">국회도서관</option> <option value="http://www.clip.go.kr">도서관정보정책위원회</option> <option value="http://library.scourt.go.kr">법원도서관</option> <option value="http://www.kpec.or.kr">간행물윤리위원회</option> <option value="http://www.kla.kr">한국도서관협회</option> <option value="https://www.kolaa.kr">한국문학예술저작권협회</option> <option value="http://www.libsta.go.kr">국가도서관통계시스템</option> <option value="http://www.kpla.kr">(사)공공도서관협의회</option> </select> <button type="button" title="새창열림" id="family_site_btn" class="site-go">이동</button> </div> <!-- //유관사이트 --> <!-- 국립중앙도서관 정보 --> <div class="info-wrap"> <!-- 푸터 로고 --> <a href="https://www.nl.go.kr/" class="footer-logo"> <span class="sp_logo">문화체육관광부 국립중앙도서관</span> </a> <!-- //푸터 로고 --> <!-- 주소, Copyright --> <ul class="contact__list"> <li class="contact__item">우편번호 06579 서울시 서초구 반포대로 201(반포동)</li> <li class="contact__item">문의전화 <span class="tel">02-535-4142 ,</span> <span class="tel">02-590-0500</span> <a href="tel:02-535-4142" class="lnk_tel">02-535-4142</a>, <a href="tel:02-590-0500" class="lnk_tel">02-590-0500</a> 팩스 02-590-0530 </li> <li class="contact__item copyright">Copyright© National Library of Korea. All rights reserved.</li> </ul> <!-- //주소, Copyright --> <!-- 외부 로고 --> <ul class="certificate__list"> <li class="certificate__item item--open"> <a target="_blank" href="#none" title="새창열림" onclick="waPopup();"> <img src="/resource/templete/li/common/img/common/wa_240609.png" alt="WA품질인증마크 한국웹접근성평가센터"> </a> </li> <li class="certificate__item item--open"> <a target="_blank" href="http://www.kogl.or.kr/" title="새창열림"> <img src="/resource/templete/li/common/img/common/open.jpg" alt="open 공공누리|공공저작물 자유이용허락"> </a> </li> </ul> <!-- //외부 로고 --> </div> <!-- //국립중앙도서관 정보 --> </div> </div> <!-- //푸터 하단 --> <!-- 웹로그 솔루션 --> <script type="text/javascript"> var delCk = ""; var date = new Date(); date.setDate(date.getDate() - 1); delCk = "NLMID=;Expires="+ date.toUTCString(); document.cookie = delCk; </script> <script type="text/javascript" src="https://ds.nl.go.kr/js/nlogger.js" ></script> <script type="text/javascript"> nLogger.configure({ nth_service_id: "librarian", nth_logging_url_base_http: "https://ds.nl.go.kr/nlog", nth_logging_url_base_https: "https://ds.nl.go.kr/nlog" }); </script> <script type="text/javascript">nLogger.log();</script> <!-- //웹로그 솔루션 --> </div> <!-- //footer --> <!-- 팝업 : 스크랩 등록 --> <div class="layer_popup_wrap layer_popup_wrap3" data-layer="layer_old_document" style="display:none" id="layerScrap"> </div> <!-- //팝업 : 스크랩 등록 --> <!-- 분류관리 레이어팝업 --> <div class="layer_popup_wrap" id="sublayPopup"> </div> <!-- //분류관리 레이어팝업 --> <!-- 위로가기 --> <div class="fixed_btn_wrap"> <a href="#">위로</a> </div> <!-- //위로가기 --> <script> /** * <a href="#">링크</a> * 위와 같은 형태로 된 링크를 '#'동작이 먹지 않게 막는다. */ $(document).delegate("a[href='#']","click",function(event){ event.preventDefault(); }); $(document).delegate("a[href='#none']","click",function(event){ event.preventDefault(); }); /* $(function(){ $("#qrImg").prop("src", "/comm/qr.do?url=/LI/contents/L20103050000.do"); }) */ /* 스크랩 등록 폼 호출 */ function fn_scrap(gbn){ var data = null; var frm = document.nlScrapForm; frm.scrapGbn.value = gbn; data = new FormData(frm); $.ajax({ type : "post" , url : "/LI/main/scrapCateList.ajax" , data : data , processData: false // Important! , contentType: false , cache: false , dataType : "html" , success : function(data){ $("#layerScrap").show(); $("#layerScrap").html(data); } , error : function(jqXHR,textStatus,e){ alert("일정 조회 중 오류가 발생하였습니다. 관리자에게 문의해 주세요."); return; } }); } /* 스크랩 등록 */ function fn_scrapInst(){ // var data = $('#nlScrapForm').serialize(); var url = "/LI/main/scrapCrud.ajax"; document.nlScrapForm.scrapCateKey.value = $("#selCateKey").val(); document.nlScrapForm.scrapDesc.value = $("#scrapContents").val(); $.ajax({ url : url, data : $('#nlScrapForm').serialize(), type: 'POST', dataType : "json", async : false, success: function(data) { alert(data.result); $("#layerScrap").hide(); }, error : function(xhr) { alert(xhr.status); } }); } /* 스크랩 분류 호출 */ function fn_scrapCate(gbn){ var data = null; var frm = document.nlScrapForm; frm.scrapGbn.value = gbn; data = new FormData(frm); $.ajax({ type : "post" , url : "/LI/main/scrapCateList.ajax" , data : data , processData: false // Important! , contentType: false , cache: false , dataType : "html" , success : function(data){ $("#sublayPopup").show(); $("#sublayPopup").html(data); } , error : function(jqXHR,textStatus,e){ alert("일정 조회 중 오류가 발생하였습니다. 관리자에게 문의해 주세요."); return; } }); } $(document).ready(function(){ ItgJs.NowPageById("L20000000000>L20100000000>L20103000000>L20103050000","SNB"); ItgJs.NowPageById("L20000000000>L20100000000>L20103000000>L20103050000","TAB"); ItgJs.NowPageById("L20000000000>L20100000000>L20103000000>L20103050000","MTAB"); ItgJs.NowPageById("L20000000000>L20100000000>L20103000000>L20103050000","GNB"); ItgJs.NowPageById("L20000000000>L20100000000>L20103000000>L20103050000","GNBB"); }); $(document).ready(function(){ /* 통합검색 자동완성 */ $(".schKwd").keyup(function() { if(!$(".autocomplete_layer").hasClass("is_collapsed")){ //자동완성 끄기 해제시 var term = $(this).val(); if(!ItgJs.fn_isEmpty(term)){ $.ajax({ url : "/LI/main/autoCompleteList.ajax" , data: {'term':term} , dataType: "json" , type : "post" , beforeSend : "" , success : function(data){ var suggest = ""; var sArr = data.suggestArr; for(var i in sArr) { suggest += "<li class='item'><a href='#none' onclick='autocompleteChoice(\""+sArr[i]+"\");'>"+ sArr[i][0].replace(term,'<strong>'+term+'</strong>')+"</a></li>"; } $(".result_list").html(suggest); } , error : function(jqXHR,textStatus,e){ //alert("결과 조회 중 오류가 발생하였습니다. 관리자에게 문의해 주세요."); return; } }); } } }); /* 내서재 - 연구자정보서비스정보 표출 여부 */ var researchYn = 'false'; if(researchYn == 'false'){ $('#SNB_N60509000000').hide(); //$('#MMAP_N60509000000').hide(); } /* 내서재 - 회원가입 표출 여부 */ var loginYn = 'false'; if(loginYn == 'true'){ $('#SNB_N60300000000').hide(); } }); /* 자동완성 결과 선택 */ function autocompleteChoice(suggest){ $(".autocomplete_layer").removeClass("is_expanded"); $(".search-btn-wrap .btn_arrow").removeClass("is_fold"); $(".schKwd").val(suggest); } </script> <!-- 본문 영역 --> <!--footer--> <div id="loadingLayer" style="position: fixed; display: block; width: 100%; background-color: rgba(0,0,0,0.6); z-index: 9999; top: 0; left: 0;"></div><!--//footer--> </body> </html>