CINXE.COM
기후학(氣候學) - 한국민족문화대백과사전
<!DOCTYPE html> <html lang="ko"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-9YW5SQN5V7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9YW5SQN5V7'); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-100007280-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-100007280-1'); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NFJT3S25');</script> <meta charset="UTF-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" /> <meta name="format-detection" content="telephone=no" /> <meta name="theme-color" content="#2a77d6" /> <title>기후학(氣候學) - 한국민족문화대백과사전</title> <meta name="description" content="기후의 특성과 발생 원인 및 그것이 인류 생활에 미치는 영향 등을 연구하는 학문." /> <meta property="og:type" content="website" /> <meta property="og:title" content="기후학(氣候學)" /> <meta property="og:description" content="한국민족문화대백과사전" /> <meta property="og:image" content="https://encykorea.aks.ac.kr/Assets/images/common/main_logo_og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="한국학중앙연구원" /> <meta name="twitter:title" content="기후학(氣候學)" /> <meta name="twitter:description" content="한국민족문화대백과사전"> <meta name="twitter:image" content="https://encykorea.aks.ac.kr/Assets/images/common/sub_main_logo.png"> <link rel="canonical" href="https://encykorea.aks.ac.kr/" /> <link rel="shortcut icon" href="https://encykorea.aks.ac.kr/favicon.ico" type="image/x-icon" /> <link rel="icon" href="https://encykorea.aks.ac.kr/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="/Assets/css/fonts.css" /> <link rel="stylesheet" href="/Assets/css/plugin.css" /> <link rel="stylesheet" href="/Assets/css/common.css" /> <link rel="stylesheet" href="/Assets/css/style.css" /> <link rel="stylesheet" href="/Assets/css/fontawesome.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.9.1/mermaid.min.js"></script> <script src="/Assets/js/jquery-3.6.1.min.js"></script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NFJT3S25" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- skip --> <div class="skip"> <a href="#contents">본문 바로가기</a> </div> <!-- //skip --> <div id="wrap"> <!-- header --> <header id="header"> <div class="container"> <div class="header-info"> <a href="/Guide/Intro">이용 안내</a> </div> <div class="header-wrap"> <div class="logo-box"> <a href="/" class="logo-pc"> <img src="/Assets/images/common/sub_main_logo.png" alt="" /> </a> <!-- 모바일 로고 --> <a href="/" class="logo-mobile"> <img src="/Assets/images/common/sub_main_mobile_logo.png" alt="" /> </a> </div> <div class="search-separation"> <form name="searchFrm" method="GET" action="/Article/Search" onsubmit="return fnSearch();"> <input type="hidden" name="field" id="field" /> <input type="hidden" name="type" id="type" /> <input type="hidden" name="alias" id="alias" value="false" /> <input type="hidden" name="body" id="body" value="false" /> <input type="hidden" name="containdesc" id="containdesc" value="false" /> <div class="search-box"> <input type="search" id="keyword" name="keyword" class="search-input" placeholder="검색어를 입력하세요."/> <div class="search-btn-wrap"> <button type="submit" class="search-btn"> <i class="fas fa-search"></i> </button> </div> <!-- 연관검색어 창 --> <div class="sub-search-detail main-relation sub-relation" id="drop_item"> </div> <!--// 연관검색어 창 --> </div> </form> </div> <div class="menu-box"> <div class="item"> <button type="button" class="drop-btn"> <span class="menu-title">분야</span> </button> <ul class="drop-box on"> <li class="depth1"> <a href="/Article/List/Field/경제·산업">경제·산업</a> <ul class="depth2"> <li><a href="/Article/List/Field/경제·산업>경제">경제</a></li> <li><a href="/Article/List/Field/경제·산업>교통">교통</a></li> <li><a href="/Article/List/Field/경제·산업>산업">산업</a></li> <li><a href="/Article/List/Field/경제·산업>통신">통신</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/과학">과학</a> <ul class="depth2"> <li><a href="/Article/List/Field/과학>과학기술">과학기술</a></li> <li><a href="/Article/List/Field/과학>동물">동물</a></li> <li><a href="/Article/List/Field/과학>식물">식물</a></li> <li><a href="/Article/List/Field/과학>의약학">의약학</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/교육">교육</a> </li> <li class="depth1"> <a href="/Article/List/Field/문학">문학</a> <ul class="depth2"> <li><a href="/Article/List/Field/문학>고전산문">고전산문</a></li> <li><a href="/Article/List/Field/문학>고전시가">고전시가</a></li> <li><a href="/Article/List/Field/문학>구비문학">구비문학</a></li> <li><a href="/Article/List/Field/문학>한문학">한문학</a></li> <li><a href="/Article/List/Field/문학>현대문학">현대문학</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/사회">사회</a> <ul class="depth2"> <li><a href="/Article/List/Field/사회>가족">가족</a></li> <li><a href="/Article/List/Field/사회>사회구조">사회구조</a></li> <li><a href="/Article/List/Field/사회>촌락">촌락</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/생활">생활</a> <ul class="depth2"> <li><a href="/Article/List/Field/생활>민속·인류">민속·인류</a></li> <li><a href="/Article/List/Field/생활>식생활">식생활</a></li> <li><a href="/Article/List/Field/생활>의생활">의생활</a></li> <li><a href="/Article/List/Field/생활>주생활">주생활</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/언론·출판">언론·출판</a> <ul class="depth2"> <li><a href="/Article/List/Field/언론·출판>언론·방송">언론·방송</a></li> <li><a href="/Article/List/Field/언론·출판>출판">출판</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/언어">언어</a> <ul class="depth2"> <li><a href="/Article/List/Field/언어>언어·문자">언어·문자</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/역사">역사</a> <ul class="depth2"> <li><a href="/Article/List/Field/역사>선사문화">선사문화</a></li> <li><a href="/Article/List/Field/역사>고대사">고대사</a></li> <li><a href="/Article/List/Field/역사>고려시대사">고려시대사</a></li> <li><a href="/Article/List/Field/역사>조선시대사">조선시대사</a></li> <li><a href="/Article/List/Field/역사>근대사">근대사</a></li> <li><a href="/Article/List/Field/역사>현대사">현대사</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/예술·체육">예술·체육</a> <ul class="depth2"> <li><a href="/Article/List/Field/예술·체육>건축">건축</a></li> <li><a href="/Article/List/Field/예술·체육>공예">공예</a></li> <li><a href="/Article/List/Field/예술·체육>국악">국악</a></li> <li><a href="/Article/List/Field/예술·체육>대중음악">대중음악</a></li> <li><a href="/Article/List/Field/예술·체육>무용">무용</a></li> <li><a href="/Article/List/Field/예술·체육>서예">서예</a></li> <li><a href="/Article/List/Field/예술·체육>연극">연극</a></li> <li><a href="/Article/List/Field/예술·체육>영화">영화</a></li> <li><a href="/Article/List/Field/예술·체육>조각">조각</a></li> <li><a href="/Article/List/Field/예술·체육>체육">체육</a></li> <li><a href="/Article/List/Field/예술·체육>현대음악">현대음악</a></li> <li><a href="/Article/List/Field/예술·체육>회화">회화</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/정치·법제">정치·법제</a> <ul class="depth2"> <li><a href="/Article/List/Field/정치·법제>국방">국방</a></li> <li><a href="/Article/List/Field/정치·법제>법제·행정">법제·행정</a></li> <li><a href="/Article/List/Field/정치·법제>외교">외교</a></li> <li><a href="/Article/List/Field/정치·법제>정치">정치</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/종교·철학">종교·철학</a> <ul class="depth2"> <li><a href="/Article/List/Field/종교·철학>개신교">개신교</a></li> <li><a href="/Article/List/Field/종교·철학>대종교">대종교</a></li> <li><a href="/Article/List/Field/종교·철학>도교">도교</a></li> <li><a href="/Article/List/Field/종교·철학>민간신앙">민간신앙</a></li> <li><a href="/Article/List/Field/종교·철학>불교">불교</a></li> <li><a href="/Article/List/Field/종교·철학>신종교">신종교</a></li> <li><a href="/Article/List/Field/종교·철학>원불교">원불교</a></li> <li><a href="/Article/List/Field/종교·철학>유교">유교</a></li> <li><a href="/Article/List/Field/종교·철학>천도교">천도교</a></li> <li><a href="/Article/List/Field/종교·철학>천주교">천주교</a></li> </ul> </li> <li class="depth1"> <a href="/Article/List/Field/지리">지리</a> <ul class="depth2"> <li><a href="/Article/List/Field/지리>인문지리">인문지리</a></li> <li><a href="/Article/List/Field/지리>자연지리">자연지리</a></li> </ul> </li> </ul> </div> <div class="item"> <button type="button" class="drop-btn"><span class="menu-title">유형</span></button> <ul class="drop-box"> <li class="depth1"> <a href="/Article/List/Type/인물">인물</a> </li> <li class="depth1"> <a href="/Article/List/Type/지명">지명</a> </li> <li class="depth1"> <a href="/Article/List/Type/개념">개념</a> </li> <li class="depth1"> <a href="/Article/List/Type/유물">유물</a> </li> <li class="depth1"> <a href="/Article/List/Type/단체">단체</a> </li> <li class="depth1"> <a href="/Article/List/Type/작품">작품</a> </li> <li class="depth1"> <a href="/Article/List/Type/문헌">문헌</a> </li> <li class="depth1"> <a href="/Article/List/Type/사건">사건</a> </li> <li class="depth1"> <a href="/Article/List/Type/물품">물품</a> </li> <li class="depth1"> <a href="/Article/List/Type/제도">제도</a> </li> <li class="depth1"> <a href="/Article/List/Type/놀이">놀이</a> </li> <li class="depth1"> <a href="/Article/List/Type/유적">유적</a> </li> <li class="depth1"> <a href="/Article/List/Type/의식행사">의식/행사</a> </li> <li class="depth1"> <a href="/Article/List/Type/동식물">동/식물</a> </li> </ul> </div> </div> <button type="button" id="btn_open_menu" class="sub-all-menu"> <span class="blind">전체메뉴</span> </button> </div> </div> <!-- 상세검색 선택 창 --> <!-- // 상세검색 선택 창 --> </header> <!-- //header --> <div id="container"> <script src="/Assets/js/html2pdf-0.10.1.bundle.min.js"></script> <!-- contents --> <div id="contents" oncopy="contentCopy(event)"> <input type="text" id="copyText" class="blind"/> <!-- content head --> <div class="content-head"> <div class="container"> <h1 class="content-head-title"> <!-- 항목명, 본문에 한자가 있을 경우 .btn-detail-chinese .tooltip-chinese 로 감싸주세요. (버튼이 아니어도 됩니다) --> <!-- 클릭시 <div id="tooltip_chinese_template"> 안의 html이 들어있는 툴팁이 열립니다. --> <!-- 세종(<button type="button" class="btn-detail-chinese tooltip-chinese">世宗</button>) --> <!-- 항목명 표시 --> <span>기후학</span> <!-- 원어 표시 --> <span>(<button class='btn-detail-chinese tooltip-chinese'>氣</button><button class='btn-detail-chinese tooltip-chinese'>候</button><button class='btn-detail-chinese tooltip-chinese'>學</button>)</span> </h1> </div> </div> <!-- // content head --> <div class="container"> <!-- contents-detail --> <div class="contents-detail"> <!-- contents-detail-snb --> <div class="contents-detail-snb pdf-hidden-layer"> <div class="snb-container"> <div class="snb-wrapper"> <!-- 목차 타이틀 표시 --> <div class="snb-title"> <span>목차</span> <button type="button" class="btn-fold"> <i class="far fa-long-arrow-left" aria-hidden="true"></i> <span class="blind">메뉴 접기</span> </button> </div> <!-- 목차 표시 --> <ul id="toc_list"> <li><a href="#cm_def">정의</a></li> <li><a href="#section-1">개설</a></li> <li><a href="#section-2">내용</a></li> <li><a href="#section-3">현황</a></li> <li><a href="#section-4">의의와 평가</a></li> <li><a href="#section-5">참고문헌</a></li> </ul> </div> </div> </div> <!-- //contents-detail-snb --> <!-- contents-detail-contents --> <div class="contents-detail-contents"> <div class="contents-top pdf-hidden-layer" > <div class="top-menu-wrap"> <!-- 글자 크기 버튼 --> <div class="menu-wrap"> <button type="button" class="btn-top-menu tooltip-font"> <i class="fas fa-plus" aria-hidden="true"></i> <span class="txt">글자 크기</span> <i class="fas fa-minus" aria-hidden="true"></i> </button> </div> <!-- 의견 제시 버튼 --> <!-- 항목 다운로드 버튼 <div class="menu-wrap"> <button type="button" class="btn-top-menu" id="item_download_btn" onclick="pdfDownload('detail_contents','기후학')">항목 다운로드</button> </div> --> </div> <div class="top-sns-wrap"> <!-- URL 복사 버튼 --> <button type="button" class="btn-sns sns-share" onclick="copyUrl()"> <span class="blind">URL 복사</span> </button> <!-- 페이스북 버튼 --> <button type="button" class="btn-sns sns-fb" onclick="shareSns('facebook')"> <span class="blind">페이스북 공유</span> </button> <!-- 트위터 버튼 --> <button type="button" class="btn-sns sns-tw" onclick="shareSns('twitter')"> <span class="blind">트위터 공유</span> </button> </div> </div> <!-- 항목 내용 표출 --> <div id="detail_contents" style='page-break-after:always'> <!-- 항목 타이틀 --> <div class="print-title" style="display: none;"> 기후학 (<button class='btn-detail-chinese tooltip-chinese'>氣</button><button class='btn-detail-chinese tooltip-chinese'>候</button><button class='btn-detail-chinese tooltip-chinese'>學</button>) </div> <!-- 기본정보 --> <div id="cm_meta" class="detail-section"> <div class="detail-meta"> <!-- 기본정보: 이미지 표출 --> <div class="meta-contents-wrap"> <div class="meta-head"> <div class="category-wrap"> <!-- 분야 라벨 표시--> <div class="category" onclick="moveFieldList('지리>자연지리')">자연지리</div> <!-- 유형 라벨 표시--> <div class="category" onclick="moveContentList('개념')">개념</div> <!-- 문화재, 유네스코 라벨 표시--> </div> <div class="meta-title">기후의 특성과 발생 원인 및 그것이 인류 생활에 미치는 영향 등을 연구하는 학문.</div> </div> </div> </div> </div> <!-- //기본정보 --> <div style="font-family: 'Pretendard, Noto Sans KR, YiSunShinDotum, SBAggro'; font-size: 1.4rem "> • 본 항목의 내용은 해당 분야 전문가의 추천을 통해 선정된 집필자의 학술적 견해로 한국학중앙연구원의 공식입장과 다를 수 있습니다. </div> <!-- 요약문 --> <!-- //요약문 --> <!-- 목차(모바일) --> <div class="detail-section section-toc"> <div class="section-head"> <button type="button" class="btn-detail-fold"> <i class="fas fa-angle-up" aria-hidden="true"></i> <span class="blind">접기/펼치기</span> </button> <span class="section-title">목차</span> </div> <div class="section-body"> <ul class="detail-toc" id="mobile_toc_list"> <li><a href="#cm_def">정의</a></li> <li><a href="#section-1">개설</a></li> <li><a href="#section-2">내용</a></li> <li><a href="#section-3">현황</a></li> <li><a href="#section-4">의의와 평가</a></li> <li><a href="#section-5">참고문헌</a></li> </ul> </div> </div> <!-- //목차(모바일) --> <!-- 정의 --> <div id="cm_def" class="detail-section"> <div class="section-head"> <button type="button" class="btn-detail-fold"> <i class="fas fa-angle-up" aria-hidden="true"></i> <span class="blind">접기/펼치기</span> </button> <span class="section-title">정의</span> </div> <div class="section-body"> <div class="text-detail"> <!-- 본문에서 사전에 포함된 ‘항목’이 있을 경우 .btn-detail-line와 .tooltip-contents 로 감싸주세요. (버튼이 아니어도 됩니다) --> <!-- 클릭시 <div id="tooltip_contents_template"> 안의 html이 들어있는 툴팁이 열립니다. --> <!-- <button class="btn-detail-line tooltip-contents">조선</button> 전기 제4대 (재위 : 1418 ~ 1450) 왕 --> 기후의 특성과 발생 원인 및 그것이 인류 생활에 미치는 영향 등을 연구하는 학문. </div> </div> </div> <!-- //정의 --> <div class="html2pdf__page-break"></div> <div id="section-1" class="detail-section"> <div class="section-head"> <button type="button" class="btn-detail-fold"> <i class="fas fa-angle-up" aria-hidden="true"></i> <span class="blind">접기/펼치기</span> </button> <span class="section-title">개설</span> </div> <div class="section-body"> <p>기후학은 대기 현상을 다룬다는 점에서 기상학과 함께 대기과학 영역에 포함되지만 물리과정 해석에 초점을 맞추는 기상학과는 구별된다. 즉, 기후학은 대기 현상을 종합적으로 접근하는 학문으로, 각 지역에서 발생하는 오랜 기간의 정상 상태의 대기 특성을 구명하고자 한다. 따라서 연구 방법도 통계적 방법과 장소(place), 그곳에 거주하고 있는 주민생활과 관련지어 기후를 연구하는 지리적 방법을 이용한다.</p> </div> </div> <div id="section-2" class="detail-section"> <div class="section-head"> <button type="button" class="btn-detail-fold"> <i class="fas fa-angle-up" aria-hidden="true"></i> <span class="blind">접기/펼치기</span> </button> <span class="section-title">내용</span> </div> <div class="section-body"> <p>기후학은 기후지(氣候誌), 물리기후학(物理氣候學), 동기후학(動氣候學), 응용기후학(應用氣候學)으로 구분할 수 있다. 기후지는 기본적으로 기후 자료를 이용하여 특정 지역의 기후 특성을 설명하는 것이다. 과거에 기후지 연구는 주로 기후 요소의 평균치를 사용하여 그 특성을 설명하는 연구에 그쳤지만, 그 지역의 경관이나 문화 현상을 지배하는 기후 요소를 찾아서 그 특성을 설명하는 것이 중요하다.</p> <p>물리기후학은 기후 현상을 물리법칙에 따라서 설명하는 분야이다. 기후요소와 기후인자의 관계를 포함하여 지표면에서의 열교환, 수분교환 등을 물리법칙에 의하여 설명하며, 기상학의 주요 연구방법의 하나이다. 따라서 지리 기반이 취약한 경우 학문의 고유성을 간과하여 기상학적 접근인지 지리학적 접근인지 구분하기 어려울 수 있다.</p> <p>동기후학은 기후 현상을 물리적·역학적인 입장에서 연구하는 분야로 대규모의 대기운동과 관련된 것을 연구한다. 기후지를 결과론적인 분야로 취급하고 동기후학을 발생론적 분야로 취급하여 두 분야를 상대적인 개념으로 이해하는 경우도 있다. 대기 현상을 해석하면서 그 현상 자체 추이에 관심을 기울이는 분야인 천후기후학(天候氣候學) 분야와 대기 현상을 기단(氣團)과 전선, 기압계 특성에 따라서 연구하는 총관기후학(總觀氣候學) 분야가 있다.</p> <p>응용기후학은 농업과 임업, 공업 등 다양한 산업 분야에서 야기되는 기후와 관련된 문제를 해결하기 위하여 기후 자료를 과학적으로 적용하는 분야이다. 특히, 기후에 관한 지식을 인간 생활에 활용할 목적으로 기후 자료를 분석하는 분야이다. 오늘날 기후 변화와 각종 대기 환경 문제가 주요 쟁점이 되면서 활발한 연구가 이루어지고 있다.</p> <p>연구 방법이나 개념의 변천에 따라서 기후학은 고전기후학과 근대기후학, 현대기후학으로 구분된다. 고전기후학은 특정 지역의 기후 특성을 설명하는 기후지 분야가 주로 연구된 반면에 근대기후학은 대기 현상의 동적인 특성을 추구하며 예보(豫報)기술 발달에 공헌한 동기후학을 중심으로 연구되었다. 오늘날의 현대기후학은 컴퓨터의 급속한 발달로 방대한 위성 자료를 이용하여 대기 현상을 빠르게 파악할 수 있고, 해양과 육지에서 관측되는 막대한 양의 자료를 여러 목적으로 분석할 수 있게 된 것이 특징이다. 또한 1951년에 세계기상기구(World Meteorological Organization), 1979년에 세계기후계획(World Climate Programme), 그리고 1988년에 기후 변화에 관한 정부간 협의체(Intergovernmental Panel on Climate Change) 등 국제기구가 설립되어 전 세계 대기 현상에 관한 각종 정보가 서로 공유되며 특정 기후 현상에 대한 연구가 보다 쉬워졌다.</p> <p>한편, 기후학은 연구 대상의 규모에 따라서 미기후학(微氣候學), 국지기후학(局地氣候學), 중기후학(中氣候學), 대기후학(大氣候學)으로 세분할 수 있다. 미기후는 온실 내의 기후와 같이 접지층 기후를 연구 대상으로 하므로‘접지기후(接地氣候)’라고도 하며 농업 분야 등에 효과적으로 적용할 수 있다.</p> <p>국지기후학의 공간 범위는 10m∼10㎞이며‘소기후학(小氣候學)’이라고도 한다. 산지 경사면과 분지, 구릉지, 골짜기 등이 국지 기후의 연구 규모 사례이며, 식생 상태와 경사면의 방향, 경사 등이 중요한 국지 기후의 인자이다. 국지 기후는 지역 연구에 적합한 규모일 수 있지만, 연구자가 독자적으로 관측을 행해야 하는 경우가 대부분이어서 연구기간이 장기화될 수 있고 많은 경비가 필요하다. 국지 기후의 예로는 소규모 지형과 관련된 기후, 비교적 규모가 작은 도시 중심과 주변 지역과의 기후 차이, 삼림이 기후에 미치는 영향 등이 대표적이다.</p> <p>중기후학은 1㎞-200㎞의 공간 범위를 갖는다. 비교적 규모가 큰 분지나 대규모의 도시, 평야 등이 중기후 연구 사례이며, 우리나라 정도 규모 범위도 그것에 포함될 수 있다. 비교적 규모가 큰 산지의 방향이 탁월풍 풍향과 관련하여 중요한 기후 인자이다. 기상청에서 설정한 관측망이 망라될 수 있으므로 기후 자료가 비교적 풍부하다.</p> <p>대기후학의 공간 범위는 200㎞ 이상으로 대기대순환(大氣大循環)과 관련된 기후 현상이 연구 대상이다. 대규모의 지형과 수륙 분포, 위도 등이 대기후의 중요한 기후 인자이다. 세계의 기후 분류, 몬순, 엘니뇨와 라니냐의 영향 등은 한 지역의 기후 특징을 파악하여 이해될 수 있는 것이 아니라 보다 거시적인 안목에서 접근해야 하는 것으로, 대기후의 연구 사례이다. 대기후에 대한 이해는 지표면을 거시적이고 종합적으로 파악하는 안목을 키울 수 있으므로, 세계지리에 대한 접근은 여기에 기초하여 출발하는 것이 바람직하다.</p> <p>기후학의 중요한 목표 중 하나는 세계 각 지역의 기후 특색을 이해하고 설명하는 것이다. 기후 특색을 이해하기 위해서는 그 현상의 동적인 원인도 중요하지만, 지리 인자에 대한 이해가 필요하다. 같은 동기후 인자의 영향을 받을지라도 지역에 따라서 대기 현상이 다른 경우가 흔하다. 우리나라는 국토면적이 좁아서 하나의 기압계 영향을 받는 경우가 대부분이지만 지역마다 서로 다른 날씨가 나타날 때가 흔하다. 기후학자들은 이러한 지역 간의 차이에 관심을 기울이며 그 차이를 유발하는 원인을 밝히려고 한다. 대기 현상의 차이는 지역 간의 경관과 문화 차이를 가져오므로, 경관과 문화 차이는 특히 기후학을 전공하는 지리학자들의 주요 관심 대상이다.</p> </div> </div> <div id="section-3" class="detail-section"> <div class="section-head"> <button type="button" class="btn-detail-fold"> <i class="fas fa-angle-up" aria-hidden="true"></i> <span class="blind">접기/펼치기</span> </button> <span class="section-title">현황</span> </div> <div class="section-body"> <p>우리나라에서는 기후학 연구가 지리학의 한 분야로, 지역성의 이해를 위한 도구로 이루어졌다. 1950년대 후반 기후학에 대한 연구 논문이 발표된 이후 꾸준히 연구 성과가 증가하고 있다. 초기의 연구 내용은 대륙도(大陸度), 물 수지(收支), 기후 지역구분 등 우리나라의 기후 특징을 설명하는 것이 대부분이었다.</p> <p>1980년대 이후부터는 특정 지역의 기후 요소와 그와 관련된 기후 인자를 분석하는 연구가 증가하였다. 기후 요소 중에는 강수량, 즉 강수량의 공간 분포, 계절별 분포, 변동, 지역 구분 등에 대한 연구가 많다. 이것은 우리나라가 전통적인 농업 사회에서 겪었던 기상 재해와 상당 부분이 홍수, 가뭄 등 강수량과 관련된 것임을 잘 보여준다. 특히, 15세기에 측우기가 발명되어 오랜 기간의 강수량 자료를 보유한 것도 관련된다.</p> <p>1980년대 이후에는 급격한 도시 성장을 반영하듯이 도시 기후에 대한 연구가 많다. 도시 기후 연구에는 정점 관측, 이동 관측, 위성 관측 등 다양한 관측 기법이 적용되었다. 고문헌을 이용하여 과거의 기후를 복원하려는 시도도 이루어졌다. 특히, 1980년대 중반 이후는 기존의 기상청 자료뿐만 아니라 연구자들이 직접 관측한 자료를 토대로 한 연구도 크게 증가하였다.</p> <p>최근 연구에서는‘지구 온난화’로 인한 환경 변화가 가시화되면서 기후 변화에 대한 관심이 커지고 있다. 이것은 기후 변화에 대한 연구 성과를 급격히 증가시키는 데 영향을 미쳤다. 기후 변화에 관한 연구는 기상학이나 기후학 등 어느 분야에서든지 아직도 많은 부분이 탐지 수준에 머물렀다. 기후 변화 탐지는 통계적으로 유의한 수준에서 기온, 강수와 같은 기후 요소의 변화가 나타나는지를 파악하는 것이다. 그런데 2000년대 들어서는 이러한 기후 변화의 특징을 단순히 기술하는데 그치지 않고 변화의 원인을 규명하기 위한 시도가 이루어지고 있다. 이상기온, 호우, 황사 등 각종 이상 기후와 관련하여 그 원인을 주변의 지리적 인자나 동기후적 인자는 물론 전 지구적인 차원에서 해석하고자 한다.</p> <p>기후 변화의 영향을 평가하는 분야는 지리학적 배경을 가지고 수행된 기후학에서의 기후 변화에 관한 연구 중 가장 특징적인 것이다. 기상학에서 이루어지고 있는 기후 변화에 관한 연구는 대부분 물리․화학적인 메카니즘을 개발한 후 다양한 미래 기후 시나리오를 생산하여 장기간 기후 변화를 예측하고자 한다. 반면에 기후학에서는 기후 변화에 의해 가시적으로 나타나는 식생 분포 변화 및 개화 시기 분석, 난방도일(暖房度日), 냉방도일(冷房度日), 서리 일수 등과 같은 기후 변화 지시자 개발에 관한 연구가 수행되고 있다. 특히 평야 지역, 산지 지역, 해안 지역 등의 지역별 기후 변화에 의한 각 지역의 농업, 축산업, 어업 및 각종 산업에 미치는 영향을 상세하게 연구하여 특화된 결과를 도출하고 있다.</p> </div> </div> <div id="section-4" class="detail-section"> <div class="section-head"> <button type="button" class="btn-detail-fold"> <i class="fas fa-angle-up" aria-hidden="true"></i> <span class="blind">접기/펼치기</span> </button> <span class="section-title">의의와 평가</span> </div> <div class="section-body"> <p>기후학은 어떤 환경보다도 동적인 기후 현상을 다룬다는 점에서 지속적인 연구의 가치가 있다. 더구나 기후는 물과 공기, 식량, 에너지, 수송, 건강 등 인류가 생활하는 데 필수적인 것에 직접적으로 영향을 미친다. 그러므로 미래의 기후에 대한 이해는 앞으로 다가올 사회의 모습을 예측하는 데 큰 도움을 준다.</p> <p>식량 문제와 더불어 장․단기적인 에너지와 용수의 수급 등도 기후에 민감하다. 빈번하게 발생하는 한발은 식량 생산을 위축시켜 식량을 무기화하는 경우도 많아졌다. 부유한 국가에서는 악화된 기후 환경으로 식량위기를 겪고 있는 나라에 식량을 비싼 값으로 수출하여 이익을 얻으려 한다. 따라서 정확한 기후의 예측은 경제적으로는 물론 정치적으로도 중요하다.</p> <p>자연적인 기후 변동과 더불어 인류의 활동에 의한 기후 변화도 주민 생활에 영향을 미친다. 경제활동에 의하여 대기 중으로 배출되는 열과 오염물질은 기온과 강수의 패턴을 바꿔 놓을 수 있다. 뿐만 아니라 특정한 지역에서 배출되는 대기오염물질이 전 지구의 기후에 영향을 미칠 수도 있다. 예를 들어, 화석연료의 연소에 의해서 대기 중으로 배출된 이산화탄소(CO2)는 대류권 하부에 분포하면서 지구복사 에너지를 흡수하여 지구 온난화를 강화시킬 수 있다. 또한 성층권으로 상승한 프레온가스(CFCs)는 오존층을 파괴하여 보다 많은 양의 자외선이 지표에 도달할 수 있게 한다. 이러한 자외선은 피부암 등을 유발할 수 있기에 인류의 생명에 치명적일 수 있다. 그런가 하면 한 지역에서 발생한 오염물질이 상층의 바람을 타고 장거리 이동하여 엉뚱한 지역에 피해를 초래하기도 한다. 북부 유럽의 산업화가 덜 된 지역에서 내리는 산성비가 그 예이다. 중국 황해안의 공업 지역에서 배출되는 오염물질이 오염원이 없는 우리나라의 서해 도서에 영향을 미친다는 보고도 있다.</p> <p>장기적인 기후 변화가 어느 한 방향으로 진행된다면 인류는 심각한 국면을 맞을 수도 있다. 지구 온난화의 지속은 미래 기후 패턴이 오늘날과 크게 다른 모습을 갖게 할 것이다. 인류는 거주하고 있는 지역의 환경에 적합하게 적응하면서 오늘날의 경관을 형성하고 문화를 창조하였다. 결국 기후 변화는 경관과 문화의 내용을 변질시킬 수 있다. 기온상승으로 인한 융빙수(融氷水)의 증가로 해수면이 상승할 경우, 해안 지형의 변화가 불가피하며 그에 대한 대비에도 막대한 비용이 소요될 것이다. 이러한 심각한 문제에 적절하게 대처하기 위해서는 현재의 기후를 정확하게 파악하고 미래의 기후를 예측해야 한다.</p> </div> </div> <!-- <div class="section-sub-title">Test</div> --> <!-- //세종의 업적 --> <!-- 참고문헌 표출 --> <div id="cm_reference" class="detail-section"> <div class="section-head"> <button type="button" class="btn-detail-fold"> <i class="fas fa-angle-up" aria-hidden="true"></i> <span class="blind">접기/펼치기</span> </button> <span class="section-title">참고문헌</span> </div> <div class="section-body"> <div id="detail_reference_list" class="detail-dotted-list"> <h2></h2> <div class="list-item">『기후학』(이승호, 푸른길, 2007)</div> <div class="list-item">『기후학의 기초』(이승호·이현영, 두솔, 2002)</div> <div class="list-item">「지리학에서의 기후 변화 연구」(최영은·권원태,『한국기상학회지』, 41(2-1), 한국기상학회, 2005)</div> </div> </div> </div> <!-- 주석 --> <!-- //주석 --> <!-- 관련 항목 --> <!-- //관련 항목 --> <!-- 관련 미디어 --> <!-- //관련 미디어 --> <!-- 집필자 --> <div class="detail-section"> <div class="section-head"> <button type="button" class="btn-detail-fold"> <i class="fas fa-angle-up" aria-hidden="true"></i> <span class="blind">접기/펼치기</span> </button> <span class="section-title">집필자</span> </div> <div class="section-body"> <div class="detail-desc-box"> <div class="author-wrap"> <span class="txt">이승호</span> </div> </div> <ul class="profile-list"></ul> <!-- 집필자의 다른 항목 표출 --> <div class="detail-item-list"> <div id="profile_slider" class="swiper-container"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a href="/Article/E0000180"> <!-- 이미지가 있을 경우 --> <div class="item-image"> <img src="https://devin.aks.ac.kr/image/ec10b534-d5bd-40f2-a55d-c1f1b1116f1c?preset=page" alt=""> </div> <!-- //이미지가 있을 경우 --> <div class="item-category"> <!-- 분야 라벨 --> <div class="category small">자연지리</div> <!-- 유형 라벨 --> <div class="category small">개념</div> <!-- 문화재, 세계유산 라벨 --> </div> <div class="item-contents"> <div class="tit">가뭄</div> <div class="txt">심한 강수량 부족으로 인하여 농사 등에 피해를 주는 기상재해. 가물 · 한발.</div> </div> </a> </li> <li class="swiper-slide"> <a href="/Article/E0068803"> <!-- 이미지가 있을 경우 --> <!-- //이미지가 있을 경우 --> <div class="item-category"> <!-- 분야 라벨 --> <div class="category small">자연지리</div> <!-- 유형 라벨 --> <div class="category small">개념</div> <!-- 문화재, 세계유산 라벨 --> </div> <div class="item-contents"> <div class="tit">고산기후</div> <div class="txt">해발고도가 높은 산지에서 나타나는 기후.</div> </div> </a> </li> <li class="swiper-slide"> <a href="/Article/E0076061"> <!-- 이미지가 있을 경우 --> <div class="item-image"> <img src="https://devin.aks.ac.kr/image/220b16dd-5d34-452d-8f70-58c775086712?preset=page" alt=""> </div> <!-- //이미지가 있을 경우 --> <div class="item-category"> <!-- 분야 라벨 --> <div class="category small">도교</div> <!-- 유형 라벨 --> <div class="category small">제도</div> <!-- 문화재, 세계유산 라벨 --> </div> <div class="item-contents"> <div class="tit">국선</div> <div class="txt">신라시대 화랑도(花郞徒) 중에서 국왕이 특별히 임명한 자.</div> </div> </a> </li> <li class="swiper-slide"> <a href="/Article/E0066284"> <!-- 이미지가 있을 경우 --> <!-- //이미지가 있을 경우 --> <div class="item-category"> <!-- 분야 라벨 --> <div class="category small">자연지리</div> <!-- 유형 라벨 --> <div class="category small">개념</div> <!-- 문화재, 세계유산 라벨 --> </div> <div class="item-contents"> <div class="tit">기단</div> <div class="txt">장기간에 걸쳐 한 지역에 정체하면서 지표면의 성질이 반영된 공기 덩어리.</div> </div> </a> </li> <li class="swiper-slide"> <a href="/Article/E0068784"> <!-- 이미지가 있을 경우 --> <!-- //이미지가 있을 경우 --> <div class="item-category"> <!-- 분야 라벨 --> <div class="category small">자연지리</div> <!-- 유형 라벨 --> <div class="category small">개념</div> <!-- 문화재, 세계유산 라벨 --> </div> <div class="item-contents"> <div class="tit">기상재해</div> <div class="txt">태풍 · 호우 · 대설 · 폭풍 등 기상현상이 원인이 되어서 발생하는 자연재해.</div> </div> </a> </li> <li class="swiper-slide"> <a href="/Article/E0008350"> <!-- 이미지가 있을 경우 --> <!-- //이미지가 있을 경우 --> <div class="item-category"> <!-- 분야 라벨 --> <div class="category small">자연지리</div> <!-- 유형 라벨 --> <div class="category small">개념</div> <!-- 문화재, 세계유산 라벨 --> </div> <div class="item-contents"> <div class="tit">기온</div> <div class="txt">지표면으로부터 1.5m 높이에 있는 대기의 온도.</div> </div> </a> </li> <li class="swiper-slide"> <a href="/Article/E0066290"> <!-- 이미지가 있을 경우 --> <!-- //이미지가 있을 경우 --> <div class="item-category"> <!-- 분야 라벨 --> <div class="category small">자연지리</div> <!-- 유형 라벨 --> <div class="category small">개념</div> <!-- 문화재, 세계유산 라벨 --> </div> <div class="item-contents"> <div class="tit">기후 변화</div> <div class="txt">일정한 지역에서 장기간에 걸쳐 진행되는 기상의 변화.</div> </div> </a> </li> <li class="swiper-slide"> <a href="/Article/E0008504"> <!-- 이미지가 있을 경우 --> <!-- //이미지가 있을 경우 --> <div class="item-category"> <!-- 분야 라벨 --> <div class="category small">자연지리</div> <!-- 유형 라벨 --> <div class="category small">개념</div> <!-- 문화재, 세계유산 라벨 --> </div> <div class="item-contents"> <div class="tit">기후학</div> <div class="txt">기후의 특성과 발생 원인 및 그것이 인류 생활에 미치는 영향 등을 연구하는 학문.</div> </div> </a> </li> <li class="swiper-slide"> <a href="/Article/E0066344"> <!-- 이미지가 있을 경우 --> <!-- //이미지가 있을 경우 --> <div class="item-category"> <!-- 분야 라벨 --> <div class="category small">자연지리</div> <!-- 유형 라벨 --> <div class="category small">개념</div> <!-- 문화재, 세계유산 라벨 --> </div> <div class="item-contents"> <div class="tit">대기오염</div> <div class="txt">천연 또는 인공적으로 만들어진 유해물질이 공기가 섞이는 환경오염.</div> </div> </a> </li> <li class="swiper-slide"> <a href="/Article/E0066363"> <!-- 이미지가 있을 경우 --> <!-- //이미지가 있을 경우 --> <div class="item-category"> <!-- 분야 라벨 --> <div class="category small">자연지리</div> <!-- 유형 라벨 --> <div class="category small">개념</div> <!-- 문화재, 세계유산 라벨 --> </div> <div class="item-contents"> <div class="tit">도시기후</div> <div class="txt">도시의 발달에 의해 주변 지역보다 기온이 높고 습도는 낮으며 풍속이 약한 특징을 보이는 도시 특유의 기후.</div> </div> </a> </li> </ul> </div> <!-- 슬라이드 좌우 이동 버튼 --> <button type="button" class="profile-button profile-next"> <i class="fas fa-chevron-right" aria-hidden="true"></i> <span class="blind">다음 슬라이드</span> </button> <button type="button" class="profile-button profile-prev"> <i class="fas fa-chevron-left" aria-hidden="true"></i> <span class="blind">이전 슬라이드</span> </button> </div> </div> </div> <!-- //집필자 --> </div> <!-- //항목 내용 표출 끝--> <!-- 공공누리 표지 <div class="star-rating-box" onclick="moveKogl()"> --> <div class="star-rating-box"> <!-- <div class="box-image"> <img src="~/Assets/images/sub/img_kogl_1.jpg"/> </div> --> <div class="box-text"> • 항목 내용은 해당 분야 전문가의 추천을 거쳐 선정된 집필자의 학술적 견해로, 한국학중앙연구원의 공식입장과 다를 수 있습니다.<br> • 사실과 다른 내용, 주관적 서술 문제 등이 제기된 경우 사실 확인 및 보완 등을 위해 해당 항목 서비스가 임시 중단될 수 있습니다.<br> • 한국민족문화대백과사전은 공공저작물로서 공공누리 제도에 따라 이용 가능합니다. 백과사전 내용 중 글을 인용하고자 할 때는 <br> '[출처: 항목명 - 한국민족문화대백과사전]'과 같이 출처 표기를 하여야 합니다.<br> • 단, 미디어 자료는 자유 이용 가능한 자료에 개별적으로 공공누리 표시를 부착하고 있으므로, 이를 확인하신 후 이용하시기 바랍니다. </div> </div> <!-- 별점 --> <!-- <div class="star-rating-box"> <div class="box-text"> 이 페이지에서 제공하는 정보에 대하여 만족하시나요? <br> 별점을 선택해 주세요. </div> <div class="box-rating"> <div class="rating-count"> <span id="rating_count">0</span>점 </div> <div class="rating-group"> <input type="hidden" id="rating_eid" name="rating_eid" value="E0008504"/> <input type="radio" class="rating-input" checked name="rating" id="rating_0" value="0"> <label class="rating-label" for="rating_0"> </label> <label class="rating-label rating-label-half" for="rating_1"> <i class="fa fa-star-half" aria-hidden="true"></i> </label> <input type="radio" class="rating-input" name="rating" id="rating_1" value="1"> <label class="rating-label" for="rating_2"> <i class="fa fa-star" aria-hidden="true"></i> </label> <input type="radio" class="rating-input" name="rating" id="rating_2" value="2"> <label class="rating-label rating-label-half" for="rating_3"> <i class="fa fa-star-half" aria-hidden="true"></i> </label> <input type="radio" class="rating-input" name="rating" id="rating_3" value="3"> <label class="rating-label" for="rating_4"> <i class="fa fa-star" aria-hidden="true"></i> </label> <input type="radio" class="rating-input" name="rating" id="rating_4" value="4"> <label class="rating-label rating-label-half" for="rating_5"> <i class="fa fa-star-half" aria-hidden="true"></i> </label> <input class="rating-input" name="rating" id="rating_5" value="5" type="radio" checked> <label class="rating-label" for="rating_6"> <i class="fa fa-star" aria-hidden="true"></i> </label> <input type="radio" class="rating-input" name="rating" id="rating_6" value="6"> <label class="rating-label rating-label-half" for="rating_7"> <i class="fa fa-star-half" aria-hidden="true"></i> </label> <input type="radio" class="rating-input" name="rating" id="rating_7" value="7"> <label class="rating-label" for="rating_8"> <i class="fa fa-star" aria-hidden="true"></i> </label> <input type="radio" class="rating-input" name="rating" id="rating_8" value="8"> <label class="rating-label rating-label-half" for="rating_9"> <i class="fa fa-star-half" aria-hidden="true"></i> </label> <input type="radio" class="rating-input" name="rating" id="rating_9" value="9"> <label class="rating-label" for="rating_10"> <i class="fa fa-star" aria-hidden="true"></i> </label> <input type="radio" class="rating-input" name="rating" id="rating_10" value="10"> </div> </div> </div> --> <!-- //별점 --> </div> <!-- //contents-detail-contents --> </div> <!-- //contents-detail --> <!-- 툴팁 템플릿 (항목명, 본문에 한자가 있을 경우)--> <div id="tooltip_chinese_template" style="display: none;"> <div class="tooltip-chinese-wrap"> <div class="item-wrap"> <div class="tit">世</div> <div class="txt">인간 <strong>세</strong></div> <div class="desc">부수 一 / 총획 5</div> </div> <div class="item-wrap"> <div class="tit">宗</div> <div class="txt">마루 <strong>종</strong></div> <div class="desc">부수 宀 / 총획 8</div> </div> </div> </div> <!-- //툴팁 템플릿 (항목명, 본문에 한자가 있을 경우)--> <!-- 툴팁 템플릿 (본문에서 사전에 포함된 ‘항목’이 있을 경우)--> <div id="tooltip_contents_template" style="display: none;"> <div class="tooltip-contents-wrap"> <!-- 이미지가 있을 경우 --> <div class="item-image"> <img src="" alt=""> </div> <!-- //이미지가 있을 경우 --> <div class="item-contents"> <div class="item-title">abcd</div> <div class="item-text">abcd</div> </div> </div> </div> <!-- //툴팁 템플릿 (본문에서 사전에 포함된 ‘항목’이 있을 경우)--> <!-- 툴팁 템플릿 (글자크기 선택) --> <div id="tooltip_font_template" style="display: none;"> <div class="tooltip-font-wrap"> <div class="check-wrap"> <input type="radio" name="font_size" id="font_size_xsmall" onchange="changeFontSize('xsmall')" /> <label for="font_size_xsmall" class="xsmall">한국민족문화대백과사전</label> </div> <div class="check-wrap"> <input type="radio" name="font_size" id="font_size_small" onchange="changeFontSize('small')" /> <label for="font_size_small" class="small">한국민족문화대백과사전</label> </div> <div class="check-wrap"> <input type="radio" name="font_size" id="font_size_normal" onchange="changeFontSize()" checked /> <label for="font_size_normal">한국민족문화대백과사전</label> </div> <div class="check-wrap"> <input type="radio" name="font_size" id="font_size_large" onchange="changeFontSize('large')" /> <label for="font_size_large" class="large">한국민족문화대백과사전</label> </div> <div class="check-wrap"> <input type="radio" name="font_size" id="font_size_xlarge" onchange="changeFontSize('xlarge')" /> <label for="font_size_xlarge" class="xlarge">한국민족문화대백과사전</label> </div> </div> </div> <!-- //툴팁 템플릿 (글자크기 선택) --> <!-- 다운로드 팝업 --> <!-- //다운로드 팝업 --> </div> </div> <!-- //contents --> <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML"></script> <script type='application/javascript'> var audio = null; function playSummary() { if(''.length != 0) { if(!audio) { audio = new Audio(''); audio.loop = false; // 반복재생하지 않음 audio.play(); document.querySelector("#summaryPlayBtn").classList.add("on"); } else { audio.pause(); audio.currentTime = 0; audio = null; document.querySelector("#summaryPlayBtn").classList.remove("on"); } } } function shareSns(type) { var url = location.href; var headword = '기후학'; var moveUrl = ""; switch(type) { case "facebook" : moveUrl = "https://www.facebook.com/sharer/sharer.php?u=" + url + "&t=" + encodeURIComponent(headword); break; case "twitter" : moveUrl = "http://twitter.com/home?status=" + encodeURIComponent(headword) + "&url=" + encodeURIComponent(url); break; } var win = window.open(moveUrl); if(win) win.focus(); } function copyUrl() { const urlInput = document.getElementById("copyText"); urlInput.value = window.document.location.href; urlInput.select(); document.execCommand("copy"); urlInput.remove(); alert('클립보드에 복사되었습니다.'); } //function openMediaModal(mediaId) { // var itemImageBox = document.querySelector("#mediaModal .item-image"); // var itemContentTitle = document.querySelector("#mediaModal .item-contents .item-title"); // var itemContentDesc = document.querySelector("#mediaModal .item-contents .item-desc"); // var itemContentMeta = document.querySelector("#mediaModal .item-contents .item-meta"); // var itemContentDownBtn = document.querySelector("#mediaModal .item-contents .item-button .btn-media-download"); // var itemContenQnABtn = document.querySelector("#mediaModal .item-contents .item-button .btn-media-qna"); // console.log(mediaId); // modal.open('mediaModal'); //} function openArticleIssueForm(eid, headword) { $("#eid").val(eid); $("#headword").val(headword); $("#eidheadword").html("[" + eid + "] " + headword); modal.open('articleIssueModal'); } //$("input:radio[name='rating']").on('click', function(event) { // console.log(this); // console.log(event.target.value); // addStarRating(); //}); // 본문에 있는 미디어(사진)에 대해 미디어 정보 팝업이 뜨도록 함 function initMediaImage() { const mediaFilePattern = /([\da-f\-]{36})(\.jpg|\.jpeg|\.png)/i; const mediaImages = document.querySelectorAll(".media-container>.image>img"); mediaImages.forEach(function(v) { if (mediaFilePattern.test(v.src)) { v.addEventListener("click", function() { mediaDetail(mediaFilePattern.exec(v.src)[1]) }); } }); } function initRefHref() { const refItem = Array.from($("#toc_list li a")).filter(v => v.textContent == "참고문헌")[0]; if (refItem && refItem.href) refItem.href="#cm_reference"; const mobileRefItem = Array.from($("#mobile_toc_list li a")).filter(v => v.textContent == "참고문헌")[0]; if (mobileRefItem && mobileRefItem.href) mobileRefItem.href="#cm_reference"; } initRefHref(); initMediaImage(); var remarkList = Array.from(document.querySelectorAll(".btn-detail-remark")); console.log("주석 목록: " + remarkList); remarkList.forEach(function(remark) { var remarkId = remark.id; var remarkIndex = remarkId.replace("ju-",""); var remarkText = document.querySelector("#detail_remark_list dl:nth-child("+remarkIndex+")>dd").innerHTML; console.log("주석 ID: " + remarkId); console.log("주석 번호: " + remarkIndex); console.log("주석 텍스트: " + remarkText); remark.dataset["content"] = remarkText; remark.dataset["interactive"] = true; }); function moveFieldList(field) { location.href="/Article/List/Field/" + field; } function moveContentList(content) { location.href="/Article/List/Type/" + content; } function moveKogl() { window.open('https://www.kogl.or.kr/info/license.do'); } </script> </div> <!-- footer --> <footer id="footer"> <div class="container"> <div class="logo-box"> <img src="/Assets/images/common/sub_footer_logo.png" alt="" /> </div> <ul class="footer-info"> <li>경기도 성남시 분당구 하오개로 323 한국학중앙연구원 [13455]</li> <li>문의전화 : 031-709-8111</li> <li>Copyright the Academy of Korean Studies. All Rights Reserved.</li> </ul> <div class="footer-select-wrap"> <select class="footer-select" onchange="footerSelect()"> <option value="Family site">FAMILY SITE</option> <option value="http://www.grandculture.net/">한국향토문화전자대전</option> <option value="http://kostma.aks.ac.kr/">한국학자료센터</option> <option value="http://people.aks.ac.kr/index.aks">한국역대인물종합시스템</option> <option value="http://yoksa.aks.ac.kr/">장서각 디지털아카이브</option> </select> </div> </div> <!-- 전체메뉴 --> <div id="all_menu" class="all-menu"> <div class="all-menu-wrap"> <div class="all-menu-top"> <div class="logo-box"> <img src="/Assets/images/common/sub_main_mobile_logo.png" alt="" /> </div> </div> <div class="all-menu-body"> <div class="all-menu-tab"> <div class="tab-list active" data-tab="tab1"> <a href="#">분야 </a> </div> <div class="tab-list" data-tab="tab2"> <a href="#">유형</a> </div> </div> <div class="tab-contents"> <div id="tab1" class="tab-content on"> <ul class="tab-content-item"> <li class="all-depth1 on"> <button type="button" class="depth-btn depth1-title">경제·산업</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/경제·산업>경제">경제</a></li> <li><a href="/Article/List/Field/경제·산업>교통">교통</a></li> <li><a href="/Article/List/Field/경제·산업>산업">산업</a></li> <li><a href="/Article/List/Field/경제·산업>통신">통신</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">과학</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/과학>과학기술">과학기술</a></li> <li><a href="/Article/List/Field/과학>동물">동물</a></li> <li><a href="/Article/List/Field/과학>식물">식물</a></li> <li><a href="/Article/List/Field/과학>의약학">의약학</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">교육</button> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">문학</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/문학>고전산문">고전산문</a></li> <li><a href="/Article/List/Field/문학>고전시가">고전시가</a></li> <li><a href="/Article/List/Field/문학>구비문학">구비문학</a></li> <li><a href="/Article/List/Field/문학>한문학">한문학</a></li> <li><a href="/Article/List/Field/문학>현대문학">현대문학</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">사회</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/사회>가족">가족</a></li> <li><a href="/Article/List/Field/사회>사회구조">사회구조</a></li> <li><a href="/Article/List/Field/사회>촌락">촌락</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">생활</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/생활>민속·인류">민속·인류</a></li> <li><a href="/Article/List/Field/생활>식생활">식생활</a></li> <li><a href="/Article/List/Field/생활>의생활">의생활</a></li> <li><a href="/Article/List/Field/생활>주생활">주생활</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">언론·출판</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/언론·출판>언론·방송">언론·방송</a></li> <li><a href="/Article/List/Field/언론·출판>출판">출판</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">언어</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/언어>언어·문자">언어·문자</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">역사</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/역사>선사문화">선사문화</a></li> <li><a href="/Article/List/Field/역사>고대사">고대사</a></li> <li><a href="/Article/List/Field/역사>고려시대사">고려시대사</a></li> <li><a href="/Article/List/Field/역사>조선시대사">조선시대사</a></li> <li><a href="/Article/List/Field/역사>근대사">근대사</a></li> <li><a href="/Article/List/Field/역사>현대사">현대사</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">예술·체육</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/예술·체육>건축">건축</a></li> <li><a href="/Article/List/Field/예술·체육>공예">공예</a></li> <li><a href="/Article/List/Field/예술·체육>국악">국악</a></li> <li><a href="/Article/List/Field/예술·체육>대중음악">대중음악</a></li> <li><a href="/Article/List/Field/예술·체육>무용">무용</a></li> <li><a href="/Article/List/Field/예술·체육>서예">서예</a></li> <li><a href="/Article/List/Field/예술·체육>연극">연극</a></li> <li><a href="/Article/List/Field/예술·체육>영화">영화</a></li> <li><a href="/Article/List/Field/예술·체육>조각">조각</a></li> <li><a href="/Article/List/Field/예술·체육>체육">체육</a></li> <li><a href="/Article/List/Field/예술·체육>현대음악">현대음악</a></li> <li><a href="/Article/List/Field/예술·체육>회화">회화</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">정치·법제</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/정치·법제>국방">국방</a></li> <li><a href="/Article/List/Field/정치·법제>법제·행정">법제·행정</a></li> <li><a href="/Article/List/Field/정치·법제>외교">외교</a></li> <li><a href="/Article/List/Field/정치·법제>정치">정치</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">종교·철학</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/종교·철학>개신교">개신교</a></li> <li><a href="/Article/List/Field/종교·철학>대종교">대종교</a></li> <li><a href="/Article/List/Field/종교·철학>도교">도교</a></li> <li><a href="/Article/List/Field/종교·철학>민간신앙">민간신앙</a></li> <li><a href="/Article/List/Field/종교·철학>불교">불교</a></li> <li><a href="/Article/List/Field/종교·철학>신종교">신종교</a></li> <li><a href="/Article/List/Field/종교·철학>원불교">원불교</a></li> <li><a href="/Article/List/Field/종교·철학>유교">유교</a></li> <li><a href="/Article/List/Field/종교·철학>천도교">천도교</a></li> <li><a href="/Article/List/Field/종교·철학>천주교">천주교</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">지리</button> <ul class="all-depth2"> <li><a href="/Article/List/Field/지리>인문지리">인문지리</a></li> <li><a href="/Article/List/Field/지리>자연지리">자연지리</a></li> </ul> </li> <li class="all-depth1"> <button type="button" class="depth-btn depth1-title">북한</button> </li> </ul> </div> <div id="tab2" class="tab-content"> <ul class="tab-content-item"> <li class="all-depth1"> <a href="/Article/List/Type/인물" class="depth1-title">인물</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/지명" class="depth1-title">지명</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/개념" class="depth1-title">개념</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/유물" class="depth1-title">유물</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/단체" class="depth1-title">단체</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/작품" class="depth1-title">작품</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/문헌" class="depth1-title">문헌</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/사건" class="depth1-title">사건</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/물품" class="depth1-title">물품</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/제도" class="depth1-title">제도</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/놀이" class="depth1-title">놀이</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/유적" class="depth1-title">유적</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/의식행사" class="depth1-title">의식/행사</a> </li> <li class="all-depth1"> <a href="/Article/List/Type/동식물" class="depth1-title">동/식물</a> </li> </ul> </div> </div> </div> <button type="button" id="btn_close_menu" class="btn-close"> <span class="blind">닫기</span> </button> </div> <div id="all_menu_bg" class="all-menu-bg"></div> </div> <!-- //전체메뉴 --> </footer> <!-- //footer --> </div> <!-- 미디어 정보 팝업 --> <div id="mediaModal" class="media-popup"> <div class="media-popup-container"> <div class="media-wrapper"> <div class="item-wrap"> <!-- 미디어 표출 --> <div class="item-image"> <!-- 이미지일 경우 --> <img src="" alt="" id="imgUrl"> <!-- 유튜브일 경우 --> <iframe src="" id="movieUrl" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <!-- 영상 파일일 경우 --> <!-- <video preload controls><source src="../assets/images/sub/video_sample.mp4" type="video/mp4"></video> --> </div> <!-- 미디어 정보 표출 --> <div class="item-contents"> <div class="item-title" id="itemTitle"></div> <div class="item-desc" id="itemDesc"></div> <!-- 미디어 정보 --> <dl class="item-meta"> <div> <dt>미디어ID</dt> <dd><span id="mid"></span></dd> </div> <div> <dt>저작권</dt> <dd><span id="copyrightDisplay"></span></dd> </div> <div> <dt>촬영지</dt> <dd><span id="location"></span></dd> </div> <div> <dt>주제어</dt> <dd><span id="keywords"></span></dd> </div> <div> <dt>사진크기</dt> <dd><span id="photoSize"></span></dd> </div> </dl> <!-- 다운로드, 문의 버튼 --> <div class="item-button"> <!-- 다운로드 버튼(다운로드 가능할 경우에만 노출) --> <button type="button" id="btnDownload" class="btn-media-download" onclick="javascript:mediaDownload();"> <span id="caption">다운로드</span> <i class="fas fa-download"></i> </button> <!-- 문의 버튼 --> </div> <!-- 공공누리 표지 --> <div class="item-copyright"> <div class="item-kogl" id="itemKogl"> <img src="" alt="" id="kogl"> <div class="text"> <span>공공누리의 공공저작물 자유이용허락 표시제도에 따라 누구나 이용할 수 있습니다.</span> </div> </div> <p class="item-message" id="koglDesc">이 미디어는 한국민족문화대백과사전 서비스에만 활용하도록 허가받은 자료로서, <strong>미디어 자유이용(다운로드)은 불가합니다.</strong></p> </div> </div> </div> </div> <!-- 닫기 버튼 --> <button type="button" class="btn-close" onclick="modal.close('mediaModal')"> <i class="fal fa-times" aria-hidden="true"></i> <span class="blind">닫기</span> </button> </div> <div class="popup-bg"></div> </div> <!-- 항목 의견글 쓰기 팝업 --> <div id="articleIssueModal" class="modal"> <div class="modal-wrap"> <div class="modal-head"> <div class="modal-title">항목 관련 의견·문의</div> </div> <form name="articleIssueForm" id="articleIssueForm" method="POST" action="/Issue/Add" enctype="multipart/form-data"> <input type="hidden" id="gToken" name="gToken" /> <input type="hidden" name="issueID" id="issueID" /> <input type="hidden" name="gubun" id="gubun" value="항목" /> <input type="hidden" name="eid" id="eid" value="" /> <input type="hidden" name="headword" id="headword" value="" /> <div class="modal-line"> <div class="modal-body"> <!-- 안내 텍스트 --> <div class="modal-contents"> <p>항목 내용 중 오류나 보충하여야 할 사항을 상세하게 남겨주시면 검토하여 반영하겠습니다. 처리 결과는 <span><b><u><a href='/Issue/List' target='_blank'>의견·문의 게시판</a></u></b></span>에서 보실 수 있습니다.</p> </div> <!-- 문의 입력 --> <div class="modal-form-wrap"> <!-- 항목명 --> <div class="form-box text-box"> <span class="title">항목명</span> <span class="text" id="eidheadword"></span> </div> <!-- 이름 --> <div class="form-box"> <label for="informer" class="form-lbl"> <span class="need">이름</span> </label> <input type="text" id="informer" name="informer" class="inp-text" /> </div> <!-- 비밀번호 --> <div class="form-box"> <label for="password" class="form-lbl">비밀번호</label> <input type="password" id="password" name="password" class="inp-text" maxlength="6" onkeypress="return checkNumber(event)" placeholder="수정, 삭제 시 사용됩니다." /> </div> <!-- <div class="principle">수정, 삭제 시 사용됩니다. 숫자 6자리로 입력하세요</div> --> <!-- 이메일 <div class="form-box"> <label for="informerEmail" class="form-lbl">이메일</label> <input type="email" id="informerEmail" name="informerEmail" class="inp-text" /> </div> --> <!-- 의견 주제 --> <div class="form-box start"> <div class="title"> <span class="need">의견 주제</span> </div> <div class="radio-box"> <span class="radio-item"> <input type="radio" name="purpose" id="tag17" class="custom-radio-box" value="단순문의" /> <label for="tag17" class="custom-radio-text">단순 문의</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag11" class="custom-radio-box" value="항목추가" /> <label for="tag11" class="custom-radio-text">항목 추가</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag12" class="custom-radio-box" value="항목삭제" /> <label for="tag12" class="custom-radio-text">항목 삭제</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag13" class="custom-radio-box" value="내용추가" /> <label for="tag13" class="custom-radio-text">내용 추가</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag16" class="custom-radio-box" value="정보현행화" /> <label for="tag16" class="custom-radio-text">정보 현행화</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag14" class="custom-radio-box" value="오류수정" /> <label for="tag14" class="custom-radio-text">오류 수정</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag15" class="custom-radio-box" value="비문교정" /> <label for="tag15" class="custom-radio-text">비문 교정</label> </span> </div> </div> <!-- 제목 --> <div class="form-box"> <label for="title" class="form-lbl"> <span class="need">제목</span> </label> <input type="text" id="title" name="title" class="inp-text" /> </div> <!-- 의견 --> <div class="form-box start"> <label for="desc" class="form-lbl"> <span class="need">의견</span> </label> <textarea id="desc" name="desc" class="area-text txtarea" placeholder="한글 500자 이내로 작성하세요"></textarea> </div> <!-- 첨부파일 --> <div class="form-box"> <span class="title">첨부파일</span> <div class="inp-box" id="article_file_select_wrap"> <label for="article_file_upload_1" class="file-lbl" id="article_file_label">파일선택</label> <input type="file" id="article_file_upload_1" name="file_1" class="inp-file" style="display:none;" onchange="addFile(this)" /> <!-- 파일을 첨부했을 경우 (첨부파일이 여러개라면 .file-wrap을 반복) --> <div class="file-list" id="article_input_file_list"></div> </div> </div> </div> </div> <div class="modal-button"> <button type="button" class="btn cancel js-close-modal" onclick="issuedFormReset()">취소</button> <button class="btn send g-recaptcha" data-sitekey="6LcoUyEjAAAAAMzUR534N0qC1GhpghxRauRFkStf" data-callback="articleIssueSubmit" data-action="submit">의견 보내기</button> </div> </div> </form> </div> <div class="modal-bg" onclick="issuedFormReset()"></div> </div> <!-- 미디어 의견글 쓰기 팝업 --> <div id="mediaIssueModal" class="modal"> <div class="modal-wrap"> <div class="modal-head"> <div class="modal-title">미디어 관련 의견·문의</div> </div> <form name="mediaIssueForm" id="mediaIssueForm" method="POST" action="/Issue/Add" enctype="multipart/form-data"> <input type="hidden" id="gToken" name="gToken" /> <input type="hidden" name="issueID" id="issueID" /> <input type="hidden" name="gubun" id="gubun" value="미디어" /> <input type="hidden" name="issueMID" id="issueMID" value="" /> <input type="hidden" name="issueCaption" id="issueCaption" value="" /> <div class="modal-line"> <div class="modal-body"> <!-- 안내 텍스트 --> <div class="modal-contents"> <p>미디어 또는 미디어 설명에 수정하여야 할 사항을 상세하게 남겨주시면 검토하여 반영하겠습니다. 처리 결과는 <span><b><u><a href='/Issue/List' target='_blank'>의견·문의 게시판</a></u></b></span>에서 보실 수 있습니다.</p> </div> <!-- 문의 입력 --> <div class="modal-form-wrap"> <!-- 미디어명 --> <div class="form-box text-box"> <span class="title">미디어</span> <span class="text" id="midcaption"></span> </div> <!-- 이름 --> <div class="form-box"> <label for="informer" class="form-lbl"> <span class="need">이름</span> </label> <input type="text" id="informer" name="informer" class="inp-text" /> </div> <!-- 비밀번호 --> <div class="form-box"> <label for="password" class="form-lbl">비밀번호</label> <input type="password" id="password" name="password" class="inp-text" maxlength="6" onkeypress="return checkNumber(event)" placeholder="수정, 삭제 시 사용됩니다." /> </div> <!-- <div class="principle">수정, 삭제 시 사용됩니다. 숫자 6자리로 입력하세요</div> --> <!-- 이메일 <div class="form-box"> <label for="informerEmail" class="form-lbl">이메일</label> <input type="email" id="informerEmail" name="informerEmail" class="inp-text" /> </div> --> <!-- 의견 주제 --> <div class="form-box start"> <div class="title"> <span class="need">의견 주제</span> </div> <div class="radio-box"> <span class="radio-item"> <input type="radio" name="purpose" id="tag27" class="custom-radio-box" value="단순문의" /> <label for="tag27" class="custom-radio-text">단순 문의</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag21" class="custom-radio-box" value="항목추가" /> <label for="tag21" class="custom-radio-text">항목 추가</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag22" class="custom-radio-box" value="항목삭제" /> <label for="tag22" class="custom-radio-text">항목 삭제</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag23" class="custom-radio-box" value="내용추가" /> <label for="tag23" class="custom-radio-text">내용 추가</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag26" class="custom-radio-box" value="정보현행화" /> <label for="tag26" class="custom-radio-text">정보 현행화</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag24" class="custom-radio-box" value="오류수정" /> <label for="tag24" class="custom-radio-text">오류 수정</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag25" class="custom-radio-box" value="비문교정" /> <label for="tag25" class="custom-radio-text">비문 교정</label> </span> </div> </div> <!-- 제목 --> <div class="form-box"> <label for="title" class="form-lbl"> <span class="need">제목</span> </label> <input type="text" id="title" name="title" class="inp-text" /> </div> <!-- 의견 --> <div class="form-box start"> <label for="desc" class="form-lbl"> <span class="need">의견</span> </label> <textarea id="desc" name="desc" class="area-text txtarea" placeholder="한글 500자 이내로 작성하세요"></textarea> </div> <!-- 첨부파일 --> <div class="form-box"> <span class="title">첨부파일</span> <div class="inp-box" id="media_file_select_wrap"> <label for="media_file_upload_1" class="file-lbl" id="media_file_label">파일선택</label> <input type="file" id="media_file_upload_1" name="file_1" class="inp-file" style="display:none;" onchange="addFile(this)" /> <!-- 파일을 첨부했을 경우 (첨부파일이 여러개라면 .file-wrap을 반복) --> <div class="file-list" id="media_input_file_list"></div> </div> </div> </div> </div> <div class="modal-button"> <button type="button" class="btn cancel js-close-modal" onclick="issuedFormReset()">취소</button> <button class="btn send g-recaptcha" data-sitekey="6LcoUyEjAAAAAMzUR534N0qC1GhpghxRauRFkStf" data-callback="mediaIssueSubmit" data-action="submit">의견 보내기</button> </div> </div> </form> </div> <div class="modal-bg" onclick="issuedFormReset()"></div> </div> <!-- 일반 의견글 쓰기 팝업 --> <div id="generalIssueModal" class="modal"> <div class="modal-wrap"> <div class="modal-head"> <div class="modal-title">의견·문의</div> </div> <form name="issueForm" id="issueForm" method="POST" action="/Issue/Add" enctype="multipart/form-data"> <input type="hidden" id="gToken" name="gToken" /> <input type="hidden" name="issueID" id="issueID" /> <input type="hidden" name="gubun" id="gubun" value="일반" /> <div class="modal-line"> <div class="modal-body"> <!-- 안내 텍스트 --> <div class="modal-contents"> <p>한국민족문화대백과사전에 대한 문의나 의견을 남겨주시면 검토하여 반영하겠습니다. 처리 결과는 <span><b><u><a href='/Issue/List' target='_blank'>의견·문의 게시판</a></u></b></span>에서 보실 수 있습니다.</p> </div> <!-- 문의 입력 --> <div class="modal-form-wrap"> <!-- 이름 --> <div class="form-box"> <label for="informer" class="form-lbl"> <span class="need">이름</span> </label> <input type="text" id="informer" name="informer" class="inp-text" /> </div> <!-- 비밀번호 --> <div class="form-box"> <label for="password" class="form-lbl">비밀번호</label> <input type="password" id="password" name="password" class="inp-text" maxlength="6" onkeypress="return checkNumber(event)" placeholder="수정, 삭제 시 사용됩니다." /> </div> <!-- <div class="principle">수정, 삭제 시 사용됩니다. 숫자 6자리로 입력하세요</div> --> <!-- 이메일 <div class="form-box"> <label for="informerEmail" class="form-lbl">이메일</label> <input type="email" id="informerEmail" name="informerEmail" class="inp-text" /> </div> --> <!-- 의견 주제 --> <div class="form-box start"> <div class="title"> <span class="need">의견 주제</span> </div> <div class="radio-box"> <span class="radio-item"> <input type="radio" name="purpose" id="tag07" class="custom-radio-box" value="단순문의" /> <label for="tag07" class="custom-radio-text">단순 문의</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag01" class="custom-radio-box" value="항목추가" /> <label for="tag01" class="custom-radio-text">항목 추가</label> </span> <span class="radio-item"> <input type="radio" name="purpose" id="tag02" class="custom-radio-box" value="항목삭제" /> <label for="tag02" class="custom-radio-text">항목 삭제</label> </span> </div> </div> <!-- 제목 --> <div class="form-box"> <label for="title" class="form-lbl"> <span class="need">제목</span> </label> <input type="text" id="title" name="title" class="inp-text" /> </div> <!-- 의견 --> <div class="form-box start"> <label for="desc" class="form-lbl"> <span class="need">의견</span> </label> <textarea id="desc" name="desc" class="area-text txtarea" placeholder="한글 500자 이내로 작성하세요"></textarea> </div> <!-- 첨부파일 --> <div class="form-box"> <span class="title">첨부파일</span> <div class="inp-box" id="general_file_select_wrap"> <label for="general_file_upload_1" class="file-lbl" id="general_file_label">파일선택</label> <input type="file" id="general_file_upload_1" name="file_1" class="inp-file" style="display:none;" onchange="addFile(this)" /> <!-- 파일을 첨부했을 경우 (첨부파일이 여러개라면 .file-wrap을 반복) --> <div class="file-list" id="general_input_file_list"></div> </div> </div> </div> </div> <div class="modal-button"> <button type="button" class="btn cancel js-close-modal" onclick="issuedFormReset()">취소</button> <button class="btn send g-recaptcha" data-sitekey="6LcoUyEjAAAAAMzUR534N0qC1GhpghxRauRFkStf" data-callback="issueSubmit" data-action="submit">의견 보내기</button> </div> </div> </form> </div> <div class="modal-bg" onclick="issuedFormReset()"></div> </div> <!-- 미디어 다운로드 팝업 --> <div id="mediaDownloadModal" class="modal"> <div class="modal-wrap"> <div class="modal-head"> <div class="modal-title">미디어 다운로드</div> </div> <div class="modal-line"> <form name="downFrm" id="downFrm" method="POST" action="/Media/Download"> <input type="hidden" id="requestMID" name="requestMID" value="" /> <div class="modal-body"> <div class="modal-contents"> <p> 이용목적을 상세히 작성하여 남겨주세요. <br /> 서비스 개선에 반영하도록 하겠습니다. </p> </div> <div class="modal-form-wrap"> <div class="form-box"> <label for="name" class="form-lbl">이름</label> <input type="text" id="name" name="name" class="inp-text" /> </div> <div class="form-box"> <label for="purpose" class="form-lbl">이용목적</label> <select id="purpose" name="purpose" class="sel"> <option value="">선택하세요</option> <option value="학술논문">학술논문</option> <option value="상업출판">상업출판</option> <option value="신문방송">신문방송</option> <option value="광고">광고</option> <option value="교육">교육</option> <option value="문화상품">문화상품</option> <option value="개인적_활용">개인적 활용</option> <option value="기타">기타</option> </select> </div> <div class="form-box start"> <label for="detail" class="form-lbl">상세목적</label> <textarea id="detail" name="detail" class="area-text txtarea" placeholder="100자 이내로 작성해 주세요"></textarea> </div> <div class="modal-text"> <p><strong>사용 시 아래와 같이 출처를 표시해 주세요. </strong></p> <p> <사진명>, 한국민족문화대백과사전 </p> </div> </div> </div> <div class="modal-button"> <button type="button" class="btn cancel js-close-modal">취소</button> <button type="submit" class="btn download">다운로드</button> </div> </form> </div> </div> <div class="modal-bg"></div> </div> <script src="https://www.google.com/recaptcha/api.js"></script> <script src="/Assets/js/plugin.js"></script> <script src="/Assets/js/ui.js?version=20221222"></script> <script> init(); function fnSearch() { var keyword = $("#keyword").val(); if (keyword.length < 1) { alert("검색어를 입력해 주세요"); return false; } document.searchFrm.action = "/Article/Search/" + keyword; } const $search_input = document.getElementById("keyword"); $search_input.addEventListener("keyup", debounce(function() { if (this.value) { $('#drop_item').children().remove(); var keyword = $(this).val(); console.log(keyword); if (keyword != "") { $.ajax({ url: "/Article/Recommend", data: { searchword: keyword }, success: function (data) { //response(data); console.log(data); html = "<div class=\"container\" >"; html = html + "<div class=\"search-drop\" >"; html = html + "<ul class=\"drop-list\" >"; for (var i = 0; i < data.length; i++) { html = html + "<li class=\"drop-item\" >"; html = html + "<a href=\"/Article/" + data[i].eid + "\" >"; html = html + " <div class=\"text-wrap\" >"; html = html + " <div class=\"text-bunch\" >"; html = html + " <h4 class=\"tit\" >" + data[i].headword + "</h4>"; html = html + " <div class=\"category-wrap\" >"; html = html + " <div class=\"category\" >" + data[i].fieldPartB + "</div>"; html = html + " <div class=\"category\" >" + data[i].primaryTypePartA + "</div>"; <!-- 문화재, 유네스코 라벨 --> var secondaryTypes = { 국가지정문화재: 1, 국가등록문화재: 2, 시도지정문화재: 4, 시도등록문화재: 8, 시도문화재자료: 16, 시군향토문화재: 32, 비지정문화재: 64, 세계유산: 128, 세계기록유산: 256, 인류무형문화유산: 512 }; if ((data[i].secondaryType & secondaryTypes.국가지정문화재) == secondaryTypes.국가지정문화재 || (data[i].secondaryType & secondaryTypes.국가등록문화재) != 0 || (data[i].secondaryType & secondaryTypes.시도지정문화재) != 0 || (data[i].secondaryType & secondaryTypes.시도등록문화재) != 0 || (data[i].secondaryType & secondaryTypes.시도문화재자료) != 0 || (data[i].secondaryType & secondaryTypes.시군향토문화재) != 0 || (data[i].secondaryType & secondaryTypes.비지정문화재) != 0) { html = html + " <div class=\"category\">문화재</div>"; } if ((data[i].secondaryType & secondaryTypes.세계유산) != 0 || (data[i].secondaryType & secondaryTypes.세계기록유산) != 0 || (data[i].secondaryType & secondaryTypes.인류무형문화유산) != 0) { html = html + " <div class=\"category\">유네스코 유산</div>"; } html = html + " </div>"; html = html + " </div>"; html = html + " <p>" + data[i].definition + "</p>"; html = html + " </div>"; <!-- 섬네일 이미지 --> if (data[i].headMedia != null) { html = html + "<div class=\"img-box\" >"; html = html + "<img src=\"" + data[i].headMedia.thumbnailUrl + "\" alt=\"\" />"; html = html + " </div>"; } html = html + " </a>"; html = html + "</li>"; } html = html + "</ul"; html = html + "</div>"; html = html + "</div>"; $("#drop_item").append(html); mainRelation.open(); }, error: function (data, status, xhr) { //alert(data); } }); } else { $('#drop_item').children().remove(); mainRelation.close(); } mainRelation.open(); } }, 100)); </script> </body> </html>