728x90
반응형
SMALL
안녕하세요! 개인프로젝트의 일부분 중 하나인 크롤링에 대해서 공부해보겠습니다!
그리고 대상은 지금이제 처음 공부를 시작하셨거나 자바 초급수준이신 분들을 위한 난이도로 설명하겠습니다.
현재 글은 개인 프로젝트로 과제, 학원 등 웹페이지를 크롤링하는 것을 이용하려는 분들을 위함입니다.
상업적인 용도가 아닌 개인적인 용도로만 사용하시는 것을 추천드립니다....ㅎㅎ
크롤링이란 간단하게 말씀드리자면 웹페이지의 소스를 java에서 String 또는 Document(라이브러리에 있음) 타입으로
모두 가져와서 필요한 정보들을 각 태그 또는 id, class 등 각 엘리먼트들 또는 속성에 따라 가져올 수 있습니다.
우선적으로
크롤링에 앞어서 필요한 라이브러리 설치와 사용방법에 대해 숙지하신 후 함께 하시는걸 추천드립니다.!!!
Jsoup 설치 방법 (자세히)
https://uno-kim.tistory.com/213
[JAVA]Jsoup 라이브러리를 이용한 크롤링 - Jsoup 사용법 + 라이브러리 저장하는 법
안녕하세요~! ㅎㅎ 오늘 포스팅은 그동안 크롤링를 하여 네이버 금융의 정보를 가져왔었는데 크게 사용되었던 라이브러리인 Jsoup 라이브러리 사용법 에 대해서 알아보겠습니다! 1. 라이브러리
uno-kim.tistory.com
Jsoup 사용방법(3가지 방법 소개)
https://uno-kim.tistory.com/215
[JAVA]Jsoup 라이브러리를 이용한 크롤링 - Jsoup 사용법
안녕하세요! 오늘 포스팅은 Jsoup 라이브러리를 알아보려고 해요 해당 라이브러리는 가장 편한 API 를 제공하며 HTML5 DOM 메서드와 CSS 선택기를 사용하여, URL을 가져오고 데이터를 추출 및 조작하기
uno-kim.tistory.com
준비물을 준비해봅시다!
준비물
1. 이클립스/ 제기준으로 현재 이클립스를 사용하고있습니다. 자바를 구동할 수 있는 IDE가 면 충분하겠습니다.
2. Jsoup 라이브러리
<!-- 크롤링을 위한 jsoup -->
<dependency>
<groupId>org.jsoup</groupId>
<artifactId>jsoup</artifactId>
<version>1.12.1</version>
</dependency>저는 메이븐이지만 만약 다른 방법으로 사용하고 계신다면 https://mvnrepository.com/artifact/org.jsoup/jsoup 에서
직접 다운로드 받으시면 되겠습니다. 현재 저는 1.12를 사용하고있지만 최신버전을 사용하셔도 무방합니다.
3. 이외 자세한 정보는 https://jsoup.org/cookbook/introduction/parsing-a-document 에있습니다.
우리의 목표
1. 네이버금융 메인화면 중
첫번째 사각형 뉴스부분과 오늘의 증시 정보 매매 동향 (개인, 외인, 기관) , 시가총액 탑 15위 까지 모든정보를
가져오는 것을 목표로 하겠습니다.
네이버 증권 페이지를 몽땅 가져와보자!
네이버 증권페이지를 몽땅가져와봅시다.
첫번쨰로 테스트 클래스를 만들어줍니다.
package ㅎJavaTests;
import java.io.IOException;
public class testmain
{
public static void main(String[] args)
{
}
}현재 저의 화면입니다. 클래스이름은 메인입니다.
이제 우리가 가져올 네이버 금융 페이지의 주소를 알아봅시다. 해당 URL을 통해 알아낼수 있으며, 이 주소로
String 타입으로 변수를 선언해 보겠습니다.
package ㅎJavaTests;
public class testmain
{
public static void main(String[] args)
{
String url = "https://finance.naver.com/";
}
}
이렇게 선언하였습니다. 이제 우리가 추가한 라이브러리를 이용해서 해당 주소를 가져오도록 하겠습니다.
아까 추가했던 Jsoup 라이브러리 중 document 클래스를 선언합니다.
document 클래스를 호출하는 이유는 HTML은 document 이기때문입니다.
이해가 가지않는다면 지금 개발자모드 (f12)를 누르고 document를 입력하면
현재처럼 나타날겁니다.
그래서 Document 클래스를 호출하는 겁니다.
import java.io.IOException;
import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
public class testmain
{
public static void main(String[] args) throws IOException
{
String url = "https://finance.naver.com/";
Document doc = Jsoup.connect(url).get();
System.out.println(doc);
}
}Document doc = Jsoup.connect(url).get();추가된 코드입니다 .
해당 네이버 금융 url을 통해서 Document정보를 전!부! 가져오는겁니다.
한번 print 매서드를 통해서 콘솔창을 확인해보겠습니다.
글을 한번 접어서 렉을 최소화하겠습니다. 전문을 복사했으니 렉이 생길 수 있습니다. 주의해주세요!
더보기
<html lang="ko">
<head>
<title>네이버 금융</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta property="og:title" content="네이버 금융">
<meta property="og:image" content="https://ssl.pstatic.net/static/m/stock/im/2016/08/og_stock-200.png">
<meta property="og:url" content="https://finance.naver.com">
<meta property="og:description" content="국내 해외 증시 지수, 시장지표, 뉴스, 증권사 리서치 등 제공">
<meta property="og:type" content="article">
<meta property="og:article:thumbnailUrl" content="">
<meta property="og:article:author" content="네이버금융">
<meta property="og:article:author:url" content="http://FINANCE.NAVER.COM">
<link rel="stylesheet" type="text/css" href="https://ssl.pstatic.net/imgstock/static.pc/20220310100449/css/finance_header.css">
<link rel="stylesheet" type="text/css" href="https://ssl.pstatic.net/imgstock/static.pc/20220310100449/css/finance.css">
<link rel="stylesheet" type="text/css" href="https://ssl.pstatic.net/imgstock/static.pc/20220310100449/css/newstock3.css">
<script type="text/javascript" src="https://ssl.pstatic.net/imgstock/static.pc/20220310100449/js/jindo.min.ns.1.5.3.euckr.js"></script>
<script type="text/javascript" src="https://ssl.pstatic.net/imgstock/static.pc/20220310100449/js/release/common.js"></script>
<script type="text/javascript" src="https://ssl.pstatic.net/imgstock/static.pc/20220310100449/js/jindoComponent/jindo.Component.1.0.3.js"></script>
<script type="text/javascript" src="https://ssl.pstatic.net/imgstock/static.pc/20220310100449/js/nhn.autocomplete.stock.js"></script>
<script>
var ieVersion = (function () {
var version = -1;
if (
navigator.appName == 'Microsoft Internet Explorer' &&
navigator.userAgent.toLowerCase().indexOf('msie') != -1 &&
new RegExp('MSIE ([0-9]{1,}[\./0-9]{0,})').exec(navigator.userAgent) != null
) {
version = parseInt(RegExp.$1);
}
return version;
})();
</script> <!-- smart channel 광고 -->
<script async src="https://ssl.pstatic.net/tveta/libs/glad/prod/gfp-core.js">
</script>
<script type="text/javascript">
(function(){
if (ieVersion === -1 || ieVersion > 10) {
window.gladsdk = window.gladsdk || { cmd: [] };
gladsdk.cmd.push(function() {
gladsdk.defineAdSlot({
adUnitId: "p_stock",
adSlotElementId: "_SmartChannelTopBanner",
uct: "KR",
customParam: {
calp:
"home"
},
});
gladsdk.addEventListener(gladsdk.event.AD_LOADED, function(ad) {
//console.log(gladsdk.event.AD_LOADED);
});
gladsdk.addEventListener(gladsdk.event.AD_CLICKED, function(ad) {
//console.log(gladsdk.event.AD_CLICKED);
});
gladsdk.addEventListener(gladsdk.event.AD_IMPRESSED, function(ad) {
//console.log(gladsdk.event.AD_IMPRESSED);
});
gladsdk.addEventListener(gladsdk.event.ERROR, function(ad, error) {
//TODO: 오류 로깅처리
//console.log(gladsdk.event.ERROR);
});
});
}
})();
</script>
<link rel="shortcut icon" href="https://www.naver.com/favicon.ico" type="image/x-icon">
<script type="text/javascript">
(function(){
var sUserAgent = navigator.userAgent;
if(/iPhone|iPad/.test(sUserAgent)){
document.write(
[
'<link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://ssl.pstatic.net/static/nfinance/ico/2018_ios_120X120_iphone.png" />',
'<link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://ssl.pstatic.net/static/nfinance/ico/2018_ios_152x152_ipad.png" />',
'<link rel="apple-touch-icon-precomposed" sizes="167x167" href="https://ssl.pstatic.net/static/nfinance/ico/2018_ios_167x167_ipad_pro.png" />',
'<link rel="apple-touch-icon-precomposed" sizes="180x180" href="https://ssl.pstatic.net/static/nfinance/ico/2018_ios_180x180_iphone.png" />'
]
.join('\n')
);
}
if(/Android/.test(sUserAgent)){
document.write(
[
'<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://ssl.pstatic.net/static/nfinance/ico/2018_android_72x72_xxxhpdi.png" />',
'<link rel="apple-touch-icon-precomposed" sizes="96x96" href="https://ssl.pstatic.net/static/nfinance/ico/2018_android_96x96_xxxhpdi.png" />',
'<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://ssl.pstatic.net/static/nfinance/ico/2018_android_144x144_xxxhpdi.png" />',
'<link rel="apple-touch-icon-precomposed" sizes="192x192" href="https://ssl.pstatic.net/static/nfinance/ico/2018_android_192x192_xxxhpdi.png" />'
]
.join('\n')
);
}
})();
</script>
</head>
<body onload="getGNB();">
<script type="text/javascript">
var nclk_evt = 3;
nclk_do();
</script>
<script type="text/javascript">
var nsc="finance.home";
var ccsrv="cc.naver.com";
var gnb_service='finance';
var gnb_logout=document.URL; //GNB에서 로그아웃 후 redirect 될 URL
var gnb_searchbox='off'; //미니 검색창을 on 할지 off 할지. default는 off
var gnb_shortnick='off'; //닉네임 말줄임(10자)을 on할지 off 할지. default는 off.
var gnb_naverme_layer_open_callback = function(){
var naverLayerSize = gnbNaverMeLayer.getLayerSize();
var me_layers = document.getElementById("me_layers");
me_layers.width=naverLayerSize.width;
me_layers.height=naverLayerSize.height;};
var gnb_naverme_layer_close_callback = function(){
var me_layers = document.getElementById("me_layers");
me_layers.width="0";
me_layers.height="0";};
</script>
<div id="u_skip"> <a href="#menu" tabindex="1"><span>메인 메뉴로 바로가기</span></a> <a href="#start" tabindex="2"><span>본문으로 바로가기</span></a>
</div>
<div id="header">
<div class="snb_area">
<div class="snb_inner">
<div id="gnb_area">
<div id="gnb">
<script charset="EUC-KR" type="text/javascript">
var gnb_service = "gnbtest";
var gnb_template = location.protocol == "http:" ? "gnb_quirks_euckr" : "gnb_utf8" ;
var gnb_dark = false;
var gnb_brightness = 1;
var gnb_logout=encodeURIComponent(location.href);
var gnb_one_naver = 1;
</script>
<script type="text/javascript" charset="utf-8" src="https://ssl.pstatic.net/static.gn/templates/gnb_utf8.nhn?20220317">
</script>
</div>
</div>
<div class="sta">
<h1 class="logo"> <a href="https://www.naver.com/" class="logo_naver" onclick="clickcr(this, 'STA.naver', '', '', event);"><span class="blind">네이버</span></a> <a href="/" class="logo_service" onclick="clickcr(this, 'STA.finance', '', '', event);"><span class="blind">금융</span></a> </h1>
<form name="search" action="/search/search.naver" method="get" onsubmit="return delayed_submit(this)" style="margin:0; padding:0;">
<fieldset> <legend>검색</legend>
<div class="snb_search_box">
<div class="snb_search_box_sub">
<input id="stock_items" type="text" title="검색" name="query" value="종목명·지수명 입력" accesskey="s" class="snb_search_text snb_default" autocomplete="off"> <a id="nautocomplete" href="#" onclick="return false" class="btn_arrow"><span class="blind">자동완성 펼치기</span></a>
</div>
<div class="auto_area">
<h2 class="blind">자동완성</h2>
<div id="autoFrame" style="display: none;">
<div class="wrap" id="atcmp" style="display:none;">
<div class="wrap_in">
<div class="words">
<ul class="_resultBox">
<li> <a href="#" onclick="clickcr(this, 'AUT.list', '', '', event); return false;" class="_au_real_list"> <span class="num _au_real_list">@code@</span> <span class="_au_real_list">@txt@</span> <span class="type _au_real_list">@market@</span> </a>
<div style="display:none" class="_au_full">
@full_txt@
</div>
<div style="display:none" class="_au_code">
@in_code@
</div>
<div style="display:none" class="_au_name">
@in_name@
</div>
<div style="display:none" class="_au_link">
@in_link@
</div>
<div style="display:none" class="_au_market">
@in_market@
</div> </li>
</ul>
</div>
<p class="func"> <span><a href="#" class="fire_event funoff" onclick="clickcr(this, 'AUT.x', '', '', event); smartSearch.unuse(); return false;">기능끄기</a></span> </p>
</div>
</div> <!-- 현재 자동완성 기능을 사용하고 계십니다 -->
<div class="wrap" id="atcmpIng" style="display:none;">
<div class="wrap_in">
<div class="words">
<p class="msg"> 현재 자동완성 기능을 사용하고 계십니다. </p>
</div>
<p class="func"> <span><a href="#" class="fire_event funoff" onclick="clickcr(this, 'AUT.x', '', '', event); smartSearch.unuse(); return false;">기능끄기</a></span> </p>
</div>
</div> <!--// 현재 자동완성 기능을 사용하고 계십니다 --> <!-- 자동완성 기능이 활성화 -->
<div class="wrap" id="atcmpStart" style="display:none;">
<div class="wrap_in">
<div class="words">
<p class="msg"> 자동완성 기능이 활성화되었습니다. </p>
</div>
<p class="func"> <span><a href="#" class="fire_event funoff" onclick="clickcr(this, 'AUT.x', '', '', event); smartSearch.unuse(); return false;">기능끄기</a></span> </p>
</div>
</div>
</div>
</div> <button type="submit" class="snb_search_btn" onclick="clickcr(this, 'STA.search', '', '', event);" alt="검색"><span class="blind">검색</span></button> <a href="#" target="_blank" class="snb_search_btn-total" onclick="itegrationSearch();clickcr(this, 'STA.nx', '', '', event);return false;">통합검색</a>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<div class="lnb_area ">
<div class="lnb_inner">
<div id="menu">
<ul class="menu">
<li class="m1 first on"><a href="/" onclick="clickcr(this, 'LNB.home', '', '', event);"><span class="tx">금융 홈</span></a></li>
<li class="m2 "><a href="/sise/" onclick="clickcr(this, 'LNB.sise', '', '', event);"><span class="tx">국내증시</span></a></li>
<li class="m3 "><a href="/world/" onclick="clickcr(this, 'LNB.world', '', '', event);"><span class="tx">해외증시</span></a></li>
<li class="m4 "><a href="/marketindex/" onclick="clickcr(this, 'LNB.market', '', '', event);"><span class="tx">시장지표</span></a></li>
<li class="m6 "><a href="/research/" onclick="clickcr(this, 'LNB.research', '', '', event);"><span class="tx">리서치</span></a></li>
<li class="m7 "><a href="/news/"><span class="tx">뉴스</span></a></li>
<li class="m8 "><a href="/mystock/" onclick="clickcr(this, 'LNB.mystock', '', '', event);"><span class="tx">MY</span></a></li>
</ul>
</div>
</div>
</div>
<script type="text/JavaScript">
/* lcs 집계 */
;(function(){
var eventType = "onpageshow" in window ? "pageshow" : "load";
jindo.$Fn(function(){
lcs_do();
}).attach(window, eventType);
})();
/* 검색 자동완성 [ 인자1 : 검색input의 ID, 인자2 : iframe 태그 ID ] */
// AutoComplete 생성
var acDomain = "ac.finance.naver.com";
if (location.hostname.indexOf("staging-") > -1) {
acDomain = "staging-" + acDomain;
} else if (location.hostname.indexOf("dev-") > -1 || location.hostname.indexOf("localhost") > -1 || location.hostname.indexOf("local-") > -1) {
acDomain = "dev-" + acDomain;
}
var acUrl = "https://" + acDomain + "/ac";
smartSearch = new nhn.Autocomplete(
// InputManager 생성
new nhn.AcInputManager(jindo.$("stock_items")),
// DataManager 생성
new nhn.AcDataManager(acUrl, "jsonp", "get", {
st: "111",
r_lt : "111",
q_enc : "euc-kr",
r_enc : "euc-kr",
frm: "stock"}),
// ViewManager 생성
new nhn.AcStockViewManager(jindo.$("autoFrame"), jindo.$("nautocomplete"), {
strMax: 200,
listMax: [7, 2, 2],
aRedirectUrl : [
"https://finance.naver.com",
"https://finance.naver.com",
"https://finance.naver.com"]}),
// Autocomplete Option
{formId:"search", cookieDomain:location.hostname, cookieName:"NaverCommonStock"});
smartSearch.attach({
onFocus: function () {
var weInput = jindo.$Element('stock_items');
if (weInput && weInput.hasClass("snb_default")) {
weInput.text("");
weInput.removeClass('snb_default');
}
}
});
/* 통합검색 start -----> */
//document.domain = 'naver.com';
var sSearchHintText = '종목명·지수명·환율명·원자재명 입력';
function itegrationSearch() {
var query = jindo.$('stock_items').value;
if ( query == '' || encodeURIComponent(query) == encodeURIComponent(sSearchHintText))
{
alert ( '검색어를 입력해 주세요.' );
return;
}
var url = location.protocol + "//search.naver.com/search.naver?sm=sta_hty.finance&where=nexearch&ie=UTF8&query=" + encodeURIComponent(query);
window.open(url, "_blank");
return false;
}
function delayed_submit(object) {
if (navigator.userAgent.indexOf('MSIE') == -1) {
window.setTimeout(function() {stock_search(object)}, 300);
} else {
stock_search(object);
}
return false;
}
function stock_search (object)
{
query = object.query.value.replace(/^\s*/,'').replace(/\s*$/,''); // trim
object.query.value=query;
if ( query == '' || query == sSearchHintText.replace(/^\s*/,'').replace(/\s*$/,''))
{
alert ( '검색어를 입력해 주세요.' );
return;
}
else {
object.submit();
}
}
/* <---------- 통합검색 end */
function popup()
{
win = window.open('/template/group_limit_pop.jsp','finan_popup','width=569 height=278 scrollbars=no status=no');
win.focus();
}
</script> <iframe id="me_layers" name="test" title="네이버미 영역" width="0" height="0" scrolling="no" frameborder="0" style="display:block;top: 22px; right: 209px; position: absolute; z-index: 15;"></iframe>
</div>
<div id="wrap">
<hr>
<div id="start" class="blind"> <strong name="start">본문시작</strong>
</div>
<dl class="blind">
<dt>
오늘의 코스피/코스닥 지수
</dt>
<dd>
2022년 03월 16일 장마감
</dd>
<dd>
코스피 지수 2,659.23 전일대비 상승 37.70 플러스 1.44 퍼센트
</dd>
<dd>
코스닥 지수 891.80 전일대비 상승 20.58 플러스 2.36 퍼센트
</dd>
</dl>
<div class="home_spot view_on">
<div class="bx_spot">
<div class="tab_spot tab2" id="tab_search">
<ul>
<li><a href="#" onclick="javascript:showMainRecentMyStockSearchStock('tab_search', 'tab_spot tab1', '000000', 'recent');clickcr(this, 'mys.recent', '', '', event);return false;"><span>최근조회종목</span></a></li>
<li><a href="#" onclick="javascript:showMainRecentMyStockSearchStock('tab_search', 'tab_spot tab2', '000000', 'mystock');clickcr(this, 'mys.interest', '', '', event);return false;"><span>MY STOCK</span></a></li>
</ul>
</div>
<div class="section_tab" id="recent_search_tab"> <strong class="blind" id="recent_mystock_blind">최근 조회종목 리스트</strong>
<ul class="tab_list">
</ul>
</div>
<input type="image" src="https://ssl.pstatic.net/static/nfinance/btn_spot_close.gif" class="btn_spot" alt="닫기" onclick="clickcr(this, (jindo.$Element('tab_search').hasClass('tab1') ? 'mys*r.close' : 'mys*i.close'), '', '', event);" style="display:none">
<input type="image" src="https://ssl.pstatic.net/static/nfinance/btn_spot_open.gif" class="btn_spot" alt="펼치기" onclick="clickcr(this, (jindo.$Element('tab_search').hasClass('tab1') ? 'mys*r.open' : 'mys*i.open'), '', '', event);" style="display:none">
</div>
</div>
<div id="container" class="home">
<div class="banner_smart">
<div id="_SmartChannelTopBanner">
<script type="text/javascript">
if (ieVersion === -1 || ieVersion > 10) {
gladsdk.cmd.push(function() {
gladsdk.displayAd("_SmartChannelTopBanner");
});
}
</script>
</div>
</div>
<div id="content">
<div class="article">
<div class="section">
<div class="news_area">
<div class="section_strategy">
<h2 class="h_strategy"><span>주요뉴스</span></h2>
<ul>
<li> <span><a href="/news/news_read.naver?mode=mainnews&office_id=277&article_id=0005059266" onclick="clickcr(this, 'tdn.list', '277_0005059266', '0', event);">[유럽개장] 장 초반 일제히 2% 급등세…獨 2.53%↑</a></span> </li>
<li> <span><a href="/news/news_read.naver?mode=mainnews&office_id=008&article_id=0004720686" onclick="clickcr(this, 'tdn.list', '008_0004720686', '1', event);">[Asia마감] 류허 中 부총리 한마디에…홍콩 항셍 8%대 급등</a></span> </li>
<li> <span><a href="/news/news_read.naver?mode=mainnews&office_id=003&article_id=0011066159" onclick="clickcr(this, 'tdn.list', '003_0011066159', '2', event);">[마감시황]러시아 디폴트 우려에도 기관 매수… 코스피 1.4%↑</a></span> </li>
<li> <span><a href="/news/news_read.naver?mode=mainnews&office_id=421&article_id=0005972742" onclick="clickcr(this, 'tdn.list', '421_0005972742', '3', event);">[시황종합] 코스피, 인플레 우려 완화+中 경기부양 기대에 나흘 만에 반등</a></span> </li>
<li> <span><a href="/news/news_read.naver?mode=mainnews&office_id=366&article_id=0000800088" onclick="clickcr(this, 'tdn.list', '366_0000800088', '4', event);">[마켓뷰] 코스피, 1% 넘게 상승…시총 상위주 ‘들썩’</a></span> </li>
<li> <span><a href="/news/news_read.naver?mode=mainnews&office_id=018&article_id=0005168274" onclick="clickcr(this, 'tdn.list', '018_0005168274', '5', event);">[외환마감]위험선호 회복+달러 약세…환율, 7원 내려 1230원대 하락</a></span> </li>
</ul> <a href="/news/mainnews.naver" class="btn_more" onclick="clickcr(this, 'tdn.more', '', '', event);"><em class="btn_more4"><span class="blind">주요뉴스 더보기</span></em></a>
</div>
</div>
<div class="section_sise_top">
<h2 class="h_type"><span>TOP 종목</span></h2>
<ul class="tab_area sise_top1">
<li class="tab1"><a href="#" onclick="clickcr(this, 'spe.sale', '', '', event);return false;" class="is_active"><span>거래상위</span></a></li>
<li class="tab2"><a href="#" onclick="clickcr(this, 'spe.ceiling', '', '', event);return false;"><span>상승</span></a></li>
<li class="tab3"><a href="#" onclick="clickcr(this, 'spe.bottom', '', '', event);return false;"><span>하락</span></a></li>
<li class="tab4"><a href="#" onclick="clickcr(this, 'spe.value', '', '', event);return false;"><span>시가총액 상위</span></a></li>
</ul>
<div class="group_type is_active">
<table class="tbl_home">
<caption>
거래상위 TOP 종목 <span>종목명에 대한 현재가, 전일대비, 등락률로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col width="40%">
<col>
</colgroup>
<thead>
<tr>
<th scope="col">종목명</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
<th scope="col">등락률</th>
</tr>
</thead>
<tbody id="_topItems1">
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=001470" onclick="clickcr(this, 'spe.slist', '001470', '1', event);">삼부토건</a></th>
<td>3,120</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 280</td>
<td> <em class="up"> +9.86% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=252670" onclick="clickcr(this, 'spe.slist', '252670', '2', event);">KODEX 200선물인버스2X</a></th>
<td>2,575</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 85</td>
<td> <em class="down"> -3.20% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=051980" onclick="clickcr(this, 'spe.slist', '051980', '3', event);">중앙디앤엠</a></th>
<td>551</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 80</td>
<td> <em class="up"> +16.99% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=530036" onclick="clickcr(this, 'spe.slist', '530036', '4', event);">삼성 인버스 2X WTI원유 선물 ETN</a></th>
<td>185</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 5</td>
<td> <em class="down"> -2.63% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=035890" onclick="clickcr(this, 'spe.slist', '035890', '5', event);">서희건설</a></th>
<td>1,910</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 200</td>
<td> <em class="up"> +11.70% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=013700" onclick="clickcr(this, 'spe.slist', '013700', '6', event);">까뮤이앤씨</a></th>
<td>2,935</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 295</td>
<td> <em class="up"> +11.17% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=089530" onclick="clickcr(this, 'spe.slist', '089530', '7', event);">에이티세미콘</a></th>
<td>2,690</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 735</td>
<td> <em class="down"> -21.46% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=032820" onclick="clickcr(this, 'spe.slist', '032820', '8', event);">우리기술</a></th>
<td>2,580</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 100</td>
<td> <em class="up"> +4.03% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=317240" onclick="clickcr(this, 'spe.slist', '317240', '9', event);">TS트릴리온</a></th>
<td>1,220</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 155</td>
<td> <em class="up"> +14.55% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=131400" onclick="clickcr(this, 'spe.slist', '131400', '10', event);">이브이첨단소재</a></th>
<td>1,945</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 35</td>
<td> <em class="down"> -1.77% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=195990" onclick="clickcr(this, 'spe.slist', '195990', '11', event);">에이비프로바이오</a></th>
<td>801</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 94</td>
<td> <em class="up"> +13.30% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=198440" onclick="clickcr(this, 'spe.slist', '198440', '12', event);">고려시멘트</a></th>
<td>4,360</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 225</td>
<td> <em class="up"> +5.44% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=035080" onclick="clickcr(this, 'spe.slist', '035080', '13', event);">인터파크</a></th>
<td>6,600</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 200</td>
<td> <em class="up"> +3.13% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=015020" onclick="clickcr(this, 'spe.slist', '015020', '14', event);">이스타코</a></th>
<td>1,605</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 275</td>
<td> <em class="up"> +20.68% </em> </td>
</tr>
<tr class="same">
<th scope="row"><a href="/item/main.naver?code=093230" onclick="clickcr(this, 'spe.slist', '093230', '15', event);">이아이디</a></th>
<td>188</td>
<td><em class="bu_p bu_pn"><span class="blind">보합</span></em></td>
<td> <em class="steady"> 0.00% </em> </td>
</tr>
</tbody>
</table> <a href="/sise/sise_quant.naver" class="btn_more" onclick="clickcr(this, 'spe.more', '', '', event);"><em class="btn_more4"><span class="blind">거래상위 더보기</span></em></a>
</div>
<div class="group_type">
<table class="tbl_home">
<caption>
상승 TOP 종목 <span>종목명에 대한 현재가, 전일대비, 등락률로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col width="40%">
<col>
</colgroup>
<thead>
<tr>
<th scope="col">종목명</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
<th scope="col">등락률</th>
</tr>
</thead>
<tbody id="_topItems2">
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=075130" onclick="clickcr(this, 'spe.clist', '075130', '1', event);">플랜티넷</a></th>
<td>8,680</td>
<td><em class="bu_p bu_pup2"><span class="blind">상한가</span></em> 2,000 </td>
<td> <em class="up"> +29.94% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=013360" onclick="clickcr(this, 'spe.clist', '013360', '2', event);">일성건설</a></th>
<td>3,690</td>
<td><em class="bu_p bu_pup2"><span class="blind">상한가</span></em> 850 </td>
<td> <em class="up"> +29.93% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=084650" onclick="clickcr(this, 'spe.clist', '084650', '3', event);">랩지노믹스</a></th>
<td>31,700</td>
<td><em class="bu_p bu_pup2"><span class="blind">상한가</span></em> 7,300 </td>
<td> <em class="up"> +29.92% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=043710" onclick="clickcr(this, 'spe.clist', '043710', '4', event);">서울리거</a></th>
<td>1,650</td>
<td><em class="bu_p bu_pup2"><span class="blind">상한가</span></em> 380 </td>
<td> <em class="up"> +29.92% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=340440" onclick="clickcr(this, 'spe.clist', '340440', '5', event);">세림B&G</a></th>
<td>2,780</td>
<td><em class="bu_p bu_pup2"><span class="blind">상한가</span></em> 640 </td>
<td> <em class="up"> +29.91% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=002410" onclick="clickcr(this, 'spe.clist', '002410', '6', event);">범양건영</a></th>
<td>5,470</td>
<td><em class="bu_p bu_pup2"><span class="blind">상한가</span></em> 1,255 </td>
<td> <em class="up"> +29.77% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=019490" onclick="clickcr(this, 'spe.clist', '019490', '7', event);">하이트론</a></th>
<td>4,305</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 985 </td>
<td> <em class="up"> +29.67% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=104200" onclick="clickcr(this, 'spe.clist', '104200', '8', event);">NHN벅스</a></th>
<td>16,650</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 3,750 </td>
<td> <em class="up"> +29.07% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=510007" onclick="clickcr(this, 'spe.clist', '510007', '9', event);">대신 2X 니켈선물 ETN(H)</a></th>
<td>76,320</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 16,820 </td>
<td> <em class="up"> +28.27% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=580018" onclick="clickcr(this, 'spe.clist', '580018', '10', event);">KB 레버리지 항셍테크 선물 ETN(H)</a></th>
<td>2,240</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 480 </td>
<td> <em class="up"> +27.27% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=530081" onclick="clickcr(this, 'spe.clist', '530081', '11', event);">삼성 레버리지 항셍테크 ETN(H)</a></th>
<td>2,730</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 560 </td>
<td> <em class="up"> +25.81% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=069920" onclick="clickcr(this, 'spe.clist', '069920', '12', event);">아이에스이커머스</a></th>
<td>4,120</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 830 </td>
<td> <em class="up"> +25.23% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=025950" onclick="clickcr(this, 'spe.clist', '025950', '13', event);">동신건설</a></th>
<td>18,900</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 3,400 </td>
<td> <em class="up"> +21.94% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=015020" onclick="clickcr(this, 'spe.clist', '015020', '14', event);">이스타코</a></th>
<td>1,605</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 275 </td>
<td> <em class="up"> +20.68% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=204450" onclick="clickcr(this, 'spe.clist', '204450', '15', event);">KODEX 차이나H레버리지(H)</a></th>
<td>2,615</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 440 </td>
<td> <em class="up"> +20.23% </em> </td>
</tr>
</tbody>
</table> <a href="/sise/sise_rise.naver" class="btn_more" onclick="clickcr(this, 'spe.more', '', '', event);"><em class="btn_more4"><span class="blind">상승 더보기</span></em></a>
</div>
<div class="group_type">
<table class="tbl_home">
<caption>
하락 TOP 종목 <span>종목명에 대한 현재가, 전일대비, 등락률로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col width="40%">
<col>
</colgroup>
<thead>
<tr>
<th scope="col">종목명</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
<th scope="col">등락률</th>
</tr>
</thead>
<tbody id="_topItems3">
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=530082" onclick="clickcr(this, 'spe.blist', '530082', '1', event);">삼성 인버스 2X 항셍테크 ETN(H)</a></th>
<td>19,330</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -10,175</td>
<td> <em class="down"> -34.49% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=580019" onclick="clickcr(this, 'spe.blist', '580019', '2', event);">KB 인버스 2X 항셍테크 선물 ETN</a></th>
<td>25,740</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -12,170</td>
<td> <em class="down"> -32.10% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=510006" onclick="clickcr(this, 'spe.blist', '510006', '3', event);">대신 인버스 니켈선물 ETN(H)</a></th>
<td>1,765</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -725</td>
<td> <em class="down"> -29.12% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=089530" onclick="clickcr(this, 'spe.blist', '089530', '4', event);">에이티세미콘</a></th>
<td>2,690</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -735</td>
<td> <em class="down"> -21.46% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=530076" onclick="clickcr(this, 'spe.blist', '530076', '5', event);">삼성 인버스 2X HSCEI ETN(H)</a></th>
<td>20,190</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -5,465</td>
<td> <em class="down"> -21.30% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=570032" onclick="clickcr(this, 'spe.blist', '570032', '6', event);">TRUE 인버스 2X HSCEI ETN(H)</a></th>
<td>11,180</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -2,960</td>
<td> <em class="down"> -20.93% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=291680" onclick="clickcr(this, 'spe.blist', '291680', '7', event);">KBSTAR 차이나H선물인버스(H)</a></th>
<td>13,700</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -2,800</td>
<td> <em class="down"> -16.97% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=530080" onclick="clickcr(this, 'spe.blist', '530080', '8', event);">삼성 인버스 항셍테크 ETN(H)</a></th>
<td>15,075</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -3,075</td>
<td> <em class="down"> -16.94% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=214370" onclick="clickcr(this, 'spe.blist', '214370', '9', event);">케어젠</a></th>
<td>55,400</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -9,600</td>
<td> <em class="down"> -14.77% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=013000" onclick="clickcr(this, 'spe.blist', '013000', '10', event);">세우글로벌</a></th>
<td>1,505</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -155</td>
<td> <em class="down"> -9.34% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=580014" onclick="clickcr(this, 'spe.blist', '580014', '11', event);">KB 인버스 2X 나스닥 100 ETN</a></th>
<td>7,965</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -690</td>
<td> <em class="down"> -7.97% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=570044" onclick="clickcr(this, 'spe.blist', '570044', '12', event);">TRUE 인버스 2X 나스닥 100 ETN</a></th>
<td>1,890</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -155</td>
<td> <em class="down"> -7.58% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=530071" onclick="clickcr(this, 'spe.blist', '530071', '13', event);">삼성 인버스 2X 나스닥 100 ETN(H)</a></th>
<td>7,065</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -550</td>
<td> <em class="down"> -7.22% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=000157" onclick="clickcr(this, 'spe.blist', '000157', '14', event);">두산2우B</a></th>
<td>148,500</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -11,000</td>
<td> <em class="down"> -6.90% </em> </td>
</tr>
<tr class="down">
<th scope="row"><a href="/item/main.naver?code=550060" onclick="clickcr(this, 'spe.blist', '550060', '15', event);">QV S&P500 VIX S/T 선물 ETN C</a></th>
<td>10,630</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> -760</td>
<td> <em class="down"> -6.67% </em> </td>
</tr>
</tbody>
</table> <a href="/sise/sise_fall.naver" class="btn_more" onclick="clickcr(this, 'spe.more', '', '', event);"><em class="btn_more4"><span class="blind">하락 더보기</span></em></a>
</div>
<div class="group_type">
<table class="tbl_home">
<caption>
시가총액 상위 TOP 종목 <span>종목명에 대한 현재가, 전일대비, 등락률로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col>
<col width="40%">
<col>
</colgroup>
<thead>
<tr>
<th scope="col">종목명</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
<th scope="col">등락률</th>
</tr>
</thead>
<tbody id="_topItems4">
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=005930" onclick="clickcr(this, 'spe.vlist', '005930', '1', event);">삼성전자</a></th>
<td>70,400</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 900</td>
<td> <em class="up"> +1.29% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=373220" onclick="clickcr(this, 'spe.vlist', '373220', '2', event);">LG에너지솔루션</a></th>
<td>363,500</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 4,000</td>
<td> <em class="up"> +1.11% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=000660" onclick="clickcr(this, 'spe.vlist', '000660', '3', event);">SK하이닉스</a></th>
<td>116,500</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 4,000</td>
<td> <em class="up"> +3.56% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=207940" onclick="clickcr(this, 'spe.vlist', '207940', '4', event);">삼성바이오로직스</a></th>
<td>826,000</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 15,000</td>
<td> <em class="up"> +1.85% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=035420" onclick="clickcr(this, 'spe.vlist', '035420', '5', event);">NAVER</a></th>
<td>330,500</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 3,000</td>
<td> <em class="up"> +0.92% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=005935" onclick="clickcr(this, 'spe.vlist', '005935', '6', event);">삼성전자우</a></th>
<td>63,400</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 400</td>
<td> <em class="up"> +0.63% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=035720" onclick="clickcr(this, 'spe.vlist', '035720', '7', event);">카카오</a></th>
<td>104,000</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 1,000</td>
<td> <em class="up"> +0.97% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=005380" onclick="clickcr(this, 'spe.vlist', '005380', '8', event);">현대차</a></th>
<td>168,000</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 5,000</td>
<td> <em class="up"> +3.07% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=006400" onclick="clickcr(this, 'spe.vlist', '006400', '9', event);">삼성SDI</a></th>
<td>498,000</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 11,000</td>
<td> <em class="up"> +2.26% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=051910" onclick="clickcr(this, 'spe.vlist', '051910', '10', event);">LG화학</a></th>
<td>442,000</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 3,000</td>
<td> <em class="up"> +0.68% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=000270" onclick="clickcr(this, 'spe.vlist', '000270', '11', event);">기아</a></th>
<td>72,100</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 2,900</td>
<td> <em class="up"> +4.19% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=323410" onclick="clickcr(this, 'spe.vlist', '323410', '12', event);">카카오뱅크</a></th>
<td>52,600</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 100</td>
<td> <em class="up"> +0.19% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=068270" onclick="clickcr(this, 'spe.vlist', '068270', '13', event);">셀트리온</a></th>
<td>181,000</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 1,000</td>
<td> <em class="up"> +0.56% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=005490" onclick="clickcr(this, 'spe.vlist', '005490', '14', event);">POSCO</a></th>
<td>283,000</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 1,000</td>
<td> <em class="up"> +0.35% </em> </td>
</tr>
<tr class="up">
<th scope="row"><a href="/item/main.naver?code=105560" onclick="clickcr(this, 'spe.vlist', '105560', '15', event);">KB금융</a></th>
<td>56,900</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 200</td>
<td> <em class="up"> +0.35% </em> </td>
</tr>
</tbody>
</table> <a href="/sise/sise_market_sum.naver" class="btn_more" onclick="clickcr(this, 'spe.more', '', '', event);"><em class="btn_more4"><span class="blind">시가총액 상위 더보기</span></em></a>
</div>
</div>
</div>
<div class="section2">
<div class="section_stock_market">
<div class="group_heading">
<h2 class="h_market"><span>오늘의 증시</span></h2>
<div class="ly_realtime"> <span href="#" class="btn_realtime"> </span> <span id="time"> 2022.03.16<span>장마감</span> </span>
</div>
</div>
<div class="section_stock">
<div class="kospi_area group_quot quot_opn" style="height:269px">
<div class="heading_area">
<h4 class="h_opn"><a href="/sise/sise_index.naver?code=KOSPI" onclick="clickcr(this, 'tsc*k.title', '', '', event);" title="코스피지수 상세보기" class="_stock_section"><em><span class="blind">코스피</span></em></a></h4> <a href="/sise/sise_index.naver?code=KOSPI" onclick="clickcr(this, 'tsc*k.title', '', '', event);" title="코스피지수 상세보기"> <span class="num_quot up"> <span class="num">2,659.23</span> <span class="num2">37.70</span> <span class="num3"><span class="blind">+</span>1.44<span class="per">%</span></span> <span class="blind">상승</span> </span> </a> <span class="clse_bg"></span>
</div>
<div class="chart_area">
<p class="blind">코스피 시세 차트</p> <a href="/sise/sise_index.naver?code=KOSPI" onclick="clickcr(this, 'tsc*k.chart', '', '', event);" title="코스피지수 상세보기"><img src="https://ssl.pstatic.net/imgfinance/chart/main/KOSPI.png?sidcode=1647444480609" width="301" height="127" alt="코스피지수 상세보기"></a>
</div>
<div class="dsc_area">
<dl class="dl">
<dt> <a href="/sise/sise_trans_style.naver?sosok=01" onclick="clickcr(this, 'tsc*k.private', '', '', event);" title="투자자별 매매 동향 상세보기">개인</a>
</dt>
<dd class="dn"> <a href="/sise/sise_trans_style.naver?sosok=01" onclick="clickcr(this, 'tsc*k.private', '', '', event);">-2,363</a> <span class="blind">억원</span>
</dd>
<dt> <a href="/sise/sise_trans_style.naver?sosok=01" onclick="clickcr(this, 'tsc*k.foreign', '', '', event);" title="투자자별 매매 동향 상세보기">외국인</a>
</dt>
<dd class="dn"> <a href="/sise/sise_trans_style.naver?sosok=01" onclick="clickcr(this, 'tsc*k.foreign', '', '', event);">-1,341</a> <span class="blind">억원</span>
</dd>
<dt> <a href="/sise/sise_trans_style.naver?sosok=01" onclick="clickcr(this, 'tsc*k.institutional', '', '', event);" title="투자자별 매매 동향 상세보기">기관</a>
</dt>
<dd class="up"> <a href="/sise/sise_trans_style.naver?sosok=01" onclick="clickcr(this, 'tsc*k.institutional', '', '', event);">+3,656</a> <span class="blind">억원</span>
</dd>
</dl>
<dl class="dl2">
<dt class="blind">
상한종목수
</dt>
<dd class="dd"> <a href="/sise/sise_upper.naver" onclick="clickcr(this, 'tsc*k.ceiling', '', '', event);" title="상한종목 상세보기">2</a>
</dd>
<dt class="blind">
상승종목수
</dt>
<dd class="dd2"> <a href="/sise/sise_rise.naver?sosok=0" onclick="clickcr(this, 'tsc*k.rise', '', '', event);" title="상승종목 상세보기">734</a>
</dd>
<dt class="blind">
보합종목수
</dt>
<dd class="dd3"> <a href="/sise/sise_steady.naver?sosok=0" onclick="clickcr(this, 'tsc*k.steady', '', '', event);" title="보합종목 상세보기">66</a>
</dd>
<dt class="blind">
하락종목수
</dt>
<dd class="dd4"> <a href="/sise/sise_fall.naver?sosok=0" onclick="clickcr(this, 'tsc*k.drop', '', '', event);" title="하락종목 상세보기">128</a>
</dd>
<dt class="blind">
하한종목수
</dt>
<dd class="dd5"> <a href="/sise/sise_lower.naver" onclick="clickcr(this, 'tsc*k.floor', '', '', event);" title="하한종목 상세보기">0</a>
</dd>
</dl>
</div>
</div>
<div class="kosdaq_area group_quot" style="height:40px">
<div class="heading_area">
<h4><a href="/sise/sise_index.naver?code=KOSDAQ" onclick="clickcr(this, 'tsc*q.title', '', '', event);" title="코스닥지수 상세보기" class="_stock_section"><em><span class="blind">코스닥</span></em></a></h4> <a href="/sise/sise_index.naver?code=KOSDAQ" onclick="clickcr(this, 'tsc*q.title', '', '', event);" title="코스닥지수 상세보기"> <span class="num_quot up"> <span class="num">891.80</span> <span class="num2">20.58</span> <span class="num3"><span class="blind">+</span>2.36<span class="per">%</span></span> <span class="blind">상승</span> </span> </a> <span class="clse_bg"></span>
</div>
<div class="chart_area">
<p class="blind">코스닥 시세 차트</p> <a href="/sise/sise_index.naver?code=KOSDAQ" onclick="clickcr(this, 'tsc*q.chart', '', '', event);" title="코스닥지수 상세보기"><img src="https://ssl.pstatic.net/imgfinance/chart/main/KOSDAQ.png?sidcode=1647444480610" width="301" height="127" alt="코스닥지수 상세보기"></a>
</div>
<div class="dsc_area">
<dl class="dl">
<dt> <a href="/sise/sise_trans_style.naver?sosok=02" onclick="clickcr(this, 'tsc*q.private', '', '', event);" title="투자자별 매매 동향 상세보기">개인</a>
</dt>
<dd class="dn"> <a href="/sise/sise_trans_style.naver?sosok=02" onclick="clickcr(this, 'tsc*q.private', '', '', event);">-2,652</a> <span class="blind">억원</span>
</dd>
<dt> <a href="/sise/sise_trans_style.naver?sosok=02" onclick="clickcr(this, 'tsc*q.foreign', '', '', event);" title="투자자별 매매 동향 상세보기">외국인</a>
</dt>
<dd class="up"> <a href="/sise/sise_trans_style.naver?sosok=02" onclick="clickcr(this, 'tsc*q.foreign', '', '', event);">+1,499</a> <span class="blind">억원</span>
</dd>
<dt> <a href="/sise/sise_trans_style.naver?sosok=02" onclick="clickcr(this, 'tsc*q.institutional', '', '', event);" title="투자자별 매매 동향 상세보기">기관</a>
</dt>
<dd class="up"> <a href="/sise/sise_trans_style.naver?sosok=02" onclick="clickcr(this, 'tsc*q.institutional', '', '', event);">+1,468</a> <span class="blind">억원</span>
</dd>
</dl>
<dl class="dl2">
<dt class="blind">
상한종목수
</dt>
<dd class="dd"> <a href="/sise/sise_upper.naver" onclick="clickcr(this, 'tsc*q.ceiling', '', '', event);" title="상한종목 상세보기">4</a>
</dd>
<dt class="blind">
상승종목수
</dt>
<dd class="dd2"> <a href="/sise/sise_rise.naver?sosok=1" onclick="clickcr(this, 'tsc*q.rise', '', '', event);" title="상승종목 상세보기">1217</a>
</dd>
<dt class="blind">
보합종목수
</dt>
<dd class="dd3"> <a href="/sise/sise_steady.naver?sosok=1" onclick="clickcr(this, 'tsc*q.steady', '', '', event);" title="보합종목 상세보기">71</a>
</dd>
<dt class="blind">
하락종목수
</dt>
<dd class="dd4"> <a href="/sise/sise_fall.naver?sosok=1" onclick="clickcr(this, 'tsc*q.drop', '', '', event);" title="하락종목 상세보기">188</a>
</dd>
<dt class="blind">
하한종목수
</dt>
<dd class="dd5"> <a href="/sise/sise_lower.naver" onclick="clickcr(this, 'tsc*q.floor', '', '', event);" title="하한종목 상세보기">0</a>
</dd>
</dl>
</div>
</div>
<div class="kospi200_area group_quot" style="height:40px">
<div class="heading_area">
<h4><a href="/sise/sise_index.naver?code=KPI200" onclick="clickcr(this, 'tsc*f.title', '', '', event);" title="코스피200지수 상세보기" class="_stock_section"><em><span class="blind">코스피200</span></em></a></h4> <a href="/sise/sise_index.naver?code=KPI200" onclick="clickcr(this,'tsc*o.title','','',event);" title="코스피200지수 상세보기"> <span class="num_quot up"> <span class="num">356.09</span> <span class="num2">5.06</span> <span class="num3"><span class="blind">+</span>1.44<span class="per">%</span></span> <span class="blind">상승</span> </span> </a> <span class="clse_bg"></span>
</div>
<div class="chart_area">
<p class="blind">코스피200 시세 차트</p> <a href="/sise/sise_index.naver?code=KPI200" onclick="clickcr(this,'tsc*o.chart','','',event);" title="코스피200지수 상세보기"><img src="https://ssl.pstatic.net/imgfinance/chart/main/KPI200.png?sidcode=1647444480612" width="301" height="127" alt="코스피200지수 상세보기"></a>
</div>
<div class="dsc_area dsc_area2">
<dl class="dl">
<dt>
개인
</dt>
<dd class="dn">
-2,226 <span class="blind">억원</span>
</dd>
<dt>
외국인
</dt>
<dd class="dn">
-1,510 <span class="blind">억원</span>
</dd>
<dt>
기관
</dt>
<dd class="up">
+3,575 <span class="blind">억원</span>
</dd>
</dl>
</div>
<div class="basis_area">
<dl>
<dt class="dt"> <a href="/sise/sise_program.naver?sosok=01" title="프로그램매매 동향 상세보기"><span class="blind">프로그램</span></a>
</dt>
<dd class="dd2 up" id="_kospiProgram"> <a href="/sise/sise_program.naver?sosok=01" onclick="clickcr(this,'tsc*o.program','','',event);" title="프로그램매매 동향 상세보기">+701<span>억</span></a>
</dd>
<dt id="basis_name" class="blind">
베이시스
</dt>
<dd id="basis_value" class="dd up"> <span>+0.01 <img src="https://ssl.pstatic.net/imgfinance/finance/btn_contango.gif" width="33" height="17" alt="콘탱고"> </span>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="section_top section_top_first">
<h2 class="h_top"><span>업종상위</span></h2>
<ul class="list_rank">
<li class="ranking1"> <span class="info_num info_num1"><span class="blind">1</span></span> <p class="item"> <a href="/sise/sise_group_detail.naver?type=upjong&no=297" onclick="clickcr(this, 'tos.cat1', 'upjong_297', '', event);"><strong>가정용품</strong></a> <em class="up"> +5.38% </em> </p> <p> <a href="/item/main.naver?code=317240" onclick="clickcr(this, 'tos.list1', '317240', '1', event);">TS트릴리온</a> <em class="up"> +14.55% </em> </p> <p> <a href="/item/main.naver?code=195990" onclick="clickcr(this, 'tos.list1', '195990', '2', event);">에이비프로바..</a> <em class="up"> +13.30% </em> </p> </li>
<li class="ranking2"> <span class="info_num info_num2"><span class="blind">2</span></span> <p class="item"> <a href="/sise/sise_group_detail.naver?type=upjong&no=316" onclick="clickcr(this, 'tos.cat2', 'upjong_316', '', event);"><strong>건강관리업체및..</strong></a> <em class="up"> +4.99% </em> </p> <p> <a href="/item/main.naver?code=043710" onclick="clickcr(this, 'tos.list2', '043710', '1', event);">서울리거</a> <em class="up"> +29.92% </em> </p> <p> <a href="/item/main.naver?code=144510" onclick="clickcr(this, 'tos.list2', '144510', '2', event);">지씨셀</a> <em class="up"> +4.41% </em> </p> </li>
<li class="ranking3"> <span class="info_num info_num3"><span class="blind">3</span></span> <p class="item"> <a href="/sise/sise_group_detail.naver?type=upjong&no=320" onclick="clickcr(this, 'tos.cat3', 'upjong_320', '', event);"><strong>건축제품</strong></a> <em class="up"> +4.79% </em> </p> <p> <a href="/item/main.naver?code=192390" onclick="clickcr(this, 'tos.list3', '192390', '1', event);">윈하이텍</a> <em class="up"> +18.51% </em> </p> <p> <a href="/item/main.naver?code=090410" onclick="clickcr(this, 'tos.list3', '090410', '2', event);">덕신하우징</a> <em class="up"> +8.53% </em> </p> </li>
</ul> <a href="/sise/sise_group.naver?type=upjong" class="btn_more" onclick="clickcr(this, 'tos.more', '', '', event);"><em class="btn_more4"><span class="blind">업종상위 더보기</span></em></a>
</div>
<div class="section_top group_top">
<h2 class="h_theme"><span>테마상위</span></h2>
<ul class="list_rank">
<li class="ranking1"> <span class="info_num info_num1"><span class="blind">1</span></span> <p class="item"> <a href="/sise/sise_group_detail.naver?type=theme&no=322" onclick="clickcr(this, 'pol.type1', 'thema_322', '', event);"><strong>건설 중소형</strong></a> <em class="up"> +9.19% </em> </p> <p> <a href="/item/main.naver?code=013360" onclick="clickcr(this, 'pol.list1', '013360', '1', event);"> 일성건설 </a> <em class="up"> +29.93% </em> </p> <p> <a href="/item/main.naver?code=002410" onclick="clickcr(this, 'pol.list1', '002410', '2', event);"> 범양건영 </a> <em class="up"> +29.77% </em> </p> </li>
<li class="ranking2"> <span class="info_num info_num2"><span class="blind">2</span></span> <p class="item"> <a href="/sise/sise_group_detail.naver?type=theme&no=181" onclick="clickcr(this, 'pol.type2', 'thema_181', '', event);"><strong>테마파크</strong></a> <em class="up"> +4.62% </em> </p> <p> <a href="/item/main.naver?code=020710" onclick="clickcr(this, 'pol.list2', '020710', '1', event);"> 시공테크 </a> <em class="up"> +7.87% </em> </p> <p> <a href="/item/main.naver?code=023350" onclick="clickcr(this, 'pol.list2', '023350', '2', event);"> 한국종합기.. </a> <em class="up"> +5.63% </em> </p> </li>
<li class="ranking3"> <span class="info_num info_num3"><span class="blind">3</span></span> <p class="item"> <a href="/sise/sise_group_detail.naver?type=theme&no=317" onclick="clickcr(this, 'pol.type3', 'thema_317', '', event);"><strong>SNS(소셜네트워..</strong></a> <em class="up"> +4.53% </em> </p> <p> <a href="/item/main.naver?code=104200" onclick="clickcr(this, 'pol.list3', '104200', '1', event);"> NHN벅스 </a> <em class="up"> +29.07% </em> </p> <p> <a href="/item/main.naver?code=094480" onclick="clickcr(this, 'pol.list3', '094480', '2', event);"> 갤럭시아머.. </a> <em class="up"> +5.43% </em> </p> </li>
</ul> <a href="/sise/theme.naver" class="btn_more" onclick="clickcr(this, 'pol.more', '', '', event);"><em class="btn_more4"><span class="blind">테마상위 더보기</span></em></a>
</div>
</div>
</div>
<div class="article2">
<div class="section1">
<div class="group1">
<h2 class="h_exchange"><span>환전 고시 환율</span></h2>
<table class="tbl_home">
<caption>
환전 고시 환율 <span>통화명에 대한 현재가,전일대비로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col>
<col width="50">
<col width="50">
</colgroup>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
</tr>
</thead>
<tbody>
<tr class="down bold">
<th scope="row"><a href="/marketindex/exchangeDetail.naver?marketindexCd=FX_USDKRW" onclick="clickcr(this, 'exr.list', 'FX_USDKRW', '1', event);">미국USD</a></th>
<td>1,234.50</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 11.00</td>
</tr>
<tr class="down">
<th scope="row"><a href="/marketindex/exchangeDetail.naver?marketindexCd=FX_JPYKRW" onclick="clickcr(this, 'exr.list', 'FX_JPYKRW', '2', event);">일본JPY (100엔)</a></th>
<td>1,043.36</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 11.84</td>
</tr>
<tr class="down">
<th scope="row"><a href="/marketindex/exchangeDetail.naver?marketindexCd=FX_EURKRW" onclick="clickcr(this, 'exr.list', 'FX_EURKRW', '3', event);">유럽연합EUR</a></th>
<td>1,357.83</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 11.85</td>
</tr>
<tr class="down">
<th scope="row"><a href="/marketindex/exchangeDetail.naver?marketindexCd=FX_CNYKRW" onclick="clickcr(this, 'exr.list', 'FX_CNYKRW', '4', event);">중국CNY</a></th>
<td>193.84</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 0.61</td>
</tr>
</tbody>
</table>
<p class="dec_exchange"><em>2022.03.16 20:01</em> 하나은행 기준</p> <a href="/marketindex/?tabSel=exchange#tab_section" class="btn_more" onclick="clickcr(this, 'exr.more', '', '', event);"><em class="btn_more4"><span class="blind">환전 고시 환율 더보기</span></em></a>
</div>
<div class="group2">
<h2 class="h_foreign"><span>국제 시장 환율</span></h2>
<table class="tbl_home">
<caption>
국제 시장 환율 <span>통화명에 대한 현재가,전일대비로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col>
<col width="53">
<col width="50">
</colgroup>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
</tr>
</thead>
<tbody>
<tr class="up">
<th scope="row"><a href="/marketindex/worldExchangeDetail.naver?marketindexCd=FX_USDJPY" onclick="clickcr(this, 'wmc.list', 'FX_USDJPY', '1', event);">달러/일본 엔(03.15)</a></th>
<td>118.0800</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 0.21</td>
</tr>
<tr class="up">
<th scope="row"><a href="/marketindex/worldExchangeDetail.naver?marketindexCd=FX_EURUSD" onclick="clickcr(this, 'wmc.list', 'FX_EURUSD', '2', event);"> 유로/달러(03.15)</a></th>
<td>1.0985</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 0.00</td>
</tr>
<tr class="up">
<th scope="row"><a href="/marketindex/worldExchangeDetail.naver?marketindexCd=FX_GBPUSD" onclick="clickcr(this, 'wmc.list', 'FX_GBPUSD', '3', event);"> 파운드/달러(03.15)</a></th>
<td>1.3072</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 0.00</td>
</tr>
<tr class="up bold">
<th scope="row"><a href="/marketindex/worldExchangeDetail.naver?marketindexCd=FX_USDX" onclick="clickcr(this, 'wmc.list', 'FX_USDX', '4', event);"> 달러인덱스(03.15)</a></th>
<td>99.0600</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 0.04</td>
</tr>
</tbody>
</table> <a href="/marketindex/?tabSel=worldExchange#tab_section" class="btn_more" onclick="clickcr(this, 'wmc.more', '', '', event);"><em class="btn_more4"><span class="blind">국제 시장 환율 더보기</span></em></a>
</div>
<div class="group3">
<h2 class="h_interest"><span>금리</span></h2>
<table class="tbl_home">
<caption>
금리 <span>종류에 대한 현재가,전일대비로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col>
<col width="50">
<col width="52">
</colgroup>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
</tr>
</thead>
<tbody>
<tr class="same bold">
<th scope="row"><a href="/marketindex/interestDetail.naver?marketindexCd=IRR_CD91" onclick="clickcr(this, 'int.list', 'IRR_CD91', '1', event);">CD(91일)(03.16)</a></th>
<td>1.50</td>
<td><em class="bu_p bu_pn"><span class="blind">보합</span></em></td>
</tr>
<tr class="down">
<th scope="row"><a href="/marketindex/interestDetail.naver?marketindexCd=IRR_CALL" onclick="clickcr(this, 'int.list', 'IRR_CALL', '2', event);">콜금리(03.15)</a></th>
<td>1.24</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 0.02</td>
</tr>
<tr class="down">
<th scope="row"><a href="/marketindex/interestDetail.naver?marketindexCd=IRR_GOVT03Y" onclick="clickcr(this, 'int.list', 'IRR_GOVT03Y', '3', event);">국고채(3년)(03.16)</a></th>
<td>2.26</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 0.02</td>
</tr>
<tr class="down">
<th scope="row"><a href="/marketindex/interestDetail.naver?marketindexCd=IRR_CORP03Y" onclick="clickcr(this, 'int.list', 'IRR_CORP03Y', '4', event);">회사채(3년)(03.16)</a></th>
<td>2.94</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 0.02</td>
</tr>
</tbody>
</table> <a href="/marketindex/interestMain.naver" class="btn_more" onclick="clickcr(this, 'int.more', '', '', event);"><em class="btn_more4"><span class="blind">금리 더보기</span></em></a>
</div>
</div>
<div class="section2">
<div class="group1">
<h2 class="h_oil"><span>유가</span></h2>
<table class="tbl_home">
<caption>
유가 <span>종류에 대한 현재가,전일대비로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col>
<col width="50">
<col width="50">
</colgroup>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
</tr>
</thead>
<tbody>
<tr class="down">
<th scope="row"><a href="/marketindex/worldOilDetail.naver?fdtc=2&marketindexCd=OIL_DU" onclick="clickcr(this, 'oil.list', 'OIL_DU', '1', event);">두바이유(03.15)</a></th>
<td>105.76</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 3.41</td>
</tr>
<tr class="down bold">
<th scope="row"><a href="/marketindex/worldOilDetail.naver?fdtc=2&marketindexCd=OIL_CL" onclick="clickcr(this, 'oil.list', 'OIL_CL', '2', event);"> WTI(03.15)</a></th>
<td>96.44</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 6.57</td>
</tr>
<tr class="up">
<th scope="row"><a href="/marketindex/oilDetail.naver?marketindexCd=OIL_GSL" onclick="clickcr(this, 'oil.list', 'OIL_GSL', '3', event);"> 휘발유(03.16)</a></th>
<td>2,004.25</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 3.30</td>
</tr>
<tr class="up">
<th scope="row"><a href="/marketindex/oilDetail.naver?marketindexCd=OIL_HGSL" onclick="clickcr(this, 'oil.list', 'OIL_HGSL', '4', event);"> 고급휘발유(03.16)</a></th>
<td>2,220.66</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 5.55</td>
</tr>
</tbody>
</table>
<p class="dec_exchange2">단위<span class="bar">|</span><span class="txt">국제:달러/배럴, </span> 국내:원/리터 </p> <a href="/marketindex/oilMain.naver" class="btn_more" onclick="clickcr(this, 'oil.more', '', '', event);"><em class="btn_more4"><span class="blind">유가 더보기</span></em></a>
</div>
<div class="group2">
<h2 class="h_gold"><span>금 시세</span></h2>
<table class="tbl_home">
<caption>
금 시세 <span>종류에 대한 현재가,전일대비로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col>
<col width="58">
<col width="65">
</colgroup>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
</tr>
</thead>
<tbody>
<tr class="down bold">
<th scope="row"><a href="/marketindex/worldGoldDetail.naver?marketindexCd=CMDT_GC&fdtc=2" onclick="clickcr(this, 'gol.list', 'CMDT_GC', '1', event);">국제금(03.15)</a></th>
<td>1,928.50</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 31.10</td>
</tr>
<tr class="down">
<th scope="row"><a href="/marketindex/goldDetail.naver" onclick="clickcr(this, 'gol.list', 'CMDT_GD', '2', event);"> 국내금(03.16)</a></th>
<td>76,137.79</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 1,360.17</td>
</tr>
</tbody>
</table>
<p class="dec_exchange2">단위<span class="bar">|</span><span class="txt">국제:달러/트로이온스, </span> 국내:원/g</p> <a href="/marketindex/goldMain.naver" class="btn_more" onclick="clickcr(this, 'gol.more', '', '', event);"><em class="btn_more4"><span class="blind">금 시세 더보기</span></em></a>
</div>
<div class="group3">
<h2 class="h_metal"><span>원자재</span></h2>
<table class="tbl_home">
<caption>
원자재 <span>종류에 대한 현재가,전일대비로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col>
<col width="50">
<col width="52">
</colgroup>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
</tr>
</thead>
<tbody>
<tr class="down bold">
<th scope="row"><a href="/marketindex/materialDetail.naver?marketindexCd=CMDT_CDY" onclick="clickcr(this, 'mat.list', 'CMDT_CDY', '1', event);">구리(03.15)</a></th>
<td>9,826.00</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 54.00</td>
</tr>
<tr class="down">
<th scope="row"><a href="/marketindex/materialDetail.naver?marketindexCd=CMDT_PDY" onclick="clickcr(this, 'mat.list', 'CMDT_PDY', '2', event);">납(03.15)</a></th>
<td>2,230.00</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 42.00</td>
</tr>
<tr class="down">
<th scope="row"><a href="/marketindex/materialDetail.naver?marketindexCd=CMDT_NG" onclick="clickcr(this, 'mat.list', 'CMDT_NG', '3', event);">천연가스(03.15)</a></th>
<td>4.57</td>
<td><em class="bu_p bu_pdn"><span class="blind">하락</span></em> 0.09</td>
</tr>
<tr class="up">
<th scope="row"><a href="/marketindex/materialDetail.naver?marketindexCd=CMDT_C" onclick="clickcr(this, 'mat.list', 'CMDT_C', '4', event);">옥수수(03.15)</a></th>
<td>758.00</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 9.75</td>
</tr>
</tbody>
</table>
<p class="dec_exchange2">단위<span class="bar">|</span><span class="txt">구리·납:달러/톤 </span><br><span class="txt">천연가스: 달러/MMBtu, 옥수수: 센트/부셸</span></p> <a href="/marketindex/materialMain.naver" class="btn_more" onclick="clickcr(this, 'mat.more', '', '', event);"><em class="btn_more4"><span class="blind">원자재 더보기</span></em></a>
</div>
</div>
</div>
</div>
<div class="aside">
<div class="group_aside">
<div class="aside_area aside_stock">
<h3 class="h_stock"><span>해외 증시</span></h3>
<table class="tbl_home">
<caption>
해외 증시 <span>종류에 대한 현재가,전일대비로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col>
<col width="60">
<col width="59">
</colgroup>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
</tr>
</thead>
<tbody>
<tr class="up">
<th scope="row"><a href="/world/sise.naver?symbol=DJI@DJI&fdtc=0" onclick="clickcr(this, 'wst.dow', '', '', event);">다우산업(03.16)</a></th>
<td>33,952.43</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 408.09</td>
</tr>
<tr class="up">
<th scope="row"><a href="/world/sise.naver?symbol=NAS@IXIC&fdtc=0" onclick="clickcr(this, 'wst.nasdaq', '', '', event);"> 나스닥(03.16)</a></th>
<td>13,298.02</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 349.40</td>
</tr>
<tr class="up">
<th scope="row"><a href="/world/sise.naver?symbol=HSI@HSCE&fdtc=0" onclick="clickcr(this, 'wst.hsce', '', '', event);"> 홍콩H(03.16)</a></th>
<td>6,889.45</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 765.51</td>
</tr>
<tr class="up">
<th scope="row"><a href="/world/sise.naver?symbol=SHS@000001&fdtc=0" onclick="clickcr(this, 'wst.shs', '', '', event);"> 상해종합(03.16)</a></th>
<td>3,170.71</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 106.75</td>
</tr>
<tr class="up">
<th scope="row"><a href="/world/sise.naver?symbol=NII@NI225&fdtc=0" onclick="clickcr(this, 'wst.ni225', '', '', event);"> 니케이225(03.16)</a></th>
<td>25,762.01</td>
<td><em class="bu_p bu_pup"><span class="blind">상승</span></em> 415.53</td>
</tr>
</tbody>
</table> <a href="/world/" class="btn_more" onclick="clickcr(this, 'wst.more', '', '', event);"><em class="btn_more4"><span class="blind">해외 증시 더보기</span></em></a>
</div>
<script async src="https://ssl.pstatic.net/tveta/libs/ndpsdk/prod/ndp-loader.js">
</script>
<script>
if (ieVersion === -1 || ieVersion > 10) {
window.ndpsdk = window.ndpsdk || {cmd: [], polyfill: {cmd: []}};
ndpsdk.cmd.push(function () {
ndpsdk.defineAdSlot({
adSlotElementId: '_IframeBannerMain',
adTagUrl: 'https://veta.naver.com/fxshow?su=SU10352&calp=home',
width: 240,
height: 240,
});
});
}
</script>
<div class="ad">
<div id="addiv" name="addiv">
<h2 class="blind">광고</h2>
<div id="_IframeBannerMain">
<script>
if (ieVersion === -1 || ieVersion > 10) {
ndpsdk.cmd.push(function () {
ndpsdk.displayAd('_IframeBannerMain');
});
window.ndpsdk.polyfill.cmd.push(function () {
// 광고 미지원 브라우져 방어코드
var addiv = document.getElementById('_IframeBannerMain');
addiv.innerHTML = '';
});
}
</script>
</div>
</div>
</div>
<div class="aside_area aside_popular">
<h3 class="h_popular"><span>인기 검색 종목</span></h3>
<table class="tbl_home">
<caption>
인기 검색 종목표 <span>종목명에 대한 현재가,전일대비로 구분되어 있습니다.</span>
</caption>
<colgroup>
<col>
<col width="60">
<col width="65">
</colgroup>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">현재가</th>
<th scope="col">전일대비</th>
</tr>
</thead>
<tbody>
<tr class="up">
<th scope="row"><em>1.</em><a href="/item/main.naver?code=005930" onclick="clickcr(this, 'boa.list', '005930', '1', event);">삼성전자</a></th>
<td>70,400</td>
<td> <img src="https://ssl.pstatic.net/imgstock/images/images4/ico_up.gif" width="7" height="6" style="margin-right:4px;" alt="상승"><span class="tah p11 red02"> 900 </span> </td>
</tr>
<tr class="up">
<th scope="row"><em>2.</em><a href="/item/main.naver?code=035720" onclick="clickcr(this, 'boa.list', '035720', '2', event);">카카오</a></th>
<td>104,000</td>
<td> <img src="https://ssl.pstatic.net/imgstock/images/images4/ico_up.gif" width="7" height="6" style="margin-right:4px;" alt="상승"><span class="tah p11 red02"> 1,000 </span> </td>
</tr>
<tr class="up">
<th scope="row"><em>3.</em><a href="/item/main.naver?code=051910" onclick="clickcr(this, 'boa.list', '051910', '3', event);">LG화학</a></th>
<td>442,000</td>
<td> <img src="https://ssl.pstatic.net/imgstock/images/images4/ico_up.gif" width="7" height="6" style="margin-right:4px;" alt="상승"><span class="tah p11 red02"> 3,000 </span> </td>
</tr>
<tr class="up">
<th scope="row"><em>4.</em><a href="/item/main.naver?code=139260" onclick="clickcr(this, 'boa.list', '139260', '4', event);">TIGER ..</a></th>
<td>32,355</td>
<td> <img src="https://ssl.pstatic.net/imgstock/images/images4/ico_up.gif" width="7" height="6" style="margin-right:4px;" alt="상승"><span class="tah p11 red02"> 735 </span> </td>
</tr>
<tr class="up">
<th scope="row"><em>5.</em><a href="/item/main.naver?code=120115" onclick="clickcr(this, 'boa.list', '120115', '5', event);">코오롱인더우</a></th>
<td>28,450</td>
<td> <img src="https://ssl.pstatic.net/imgstock/images/images4/ico_up.gif" width="7" height="6" style="margin-right:4px;" alt="상승"><span class="tah p11 red02"> 500 </span> </td>
</tr>
</tbody>
</table> <a href="/sise/lastsearch2.naver" class="btn_more" onclick="clickcr(this, 'boa.more', '', '', event);"><em class="btn_more4"><span class="blind">인기 검색 종목 더보기</span></em></a>
</div>
<div class="aside_area aside_notice">
<h3 class="h_notice"><span>공지사항</span></h3>
<ul class="list_report">
<li><a href="https://finance.naver.com/notice.nhn?permLink=/read/1100001004/10000000000030672643" onclick="clickcr(this, 'not.list', '', '', event)">미국/유럽 서머타임 적용에 따른 ...</a></li>
<li><a href="https://finance.naver.com/notice.nhn?permLink=/read/1100001004/10000000000030672397" onclick="clickcr(this, 'not.list', '', '', event)">펀드 서비스 종료 안내 (12.1...</a></li>
<li><a href="https://finance.naver.com/notice.nhn?permLink=/read/1100001004/10000000000030672007" onclick="clickcr(this, 'not.list', '', '', event)"> 토론장 글쓰기 ID 정책 변경</a></li>
</ul> <a href="/notice.naver" class="btn_more" onclick="clickcr(this, 'not.more', '', '', event)"><em class="btn_more4"><span class="blind">공지사항 더보기</span></em></a>
</div>
</div>
</div>
</div>
<hr>
<div id="footer">
<ul>
<li class="first"> <a href="https://www.naver.com/rules/service.html" onclick="clickcr(this, 'fot.service', '', '', event);" target="_blank">이용약관</a> </li>
<li> <a href="https://finance.naver.com/rules.naver" onclick="clickcr(this, 'fot.policy', '', '', event);" target="_blank">금융게시판 운영원칙</a> </li>
<li> <a href="https://www.naver.com/rules/privacy.html" onclick="clickcr(this, 'fot.privacy', '', '', event);" target="_blank"><strong>개인정보처리방침</strong></a> </li>
<li> <a href="https://www.naver.com/rules/disclaimer.html" onclick="clickcr(this, 'fot.limit', '', '', event);" target="_blank">책임의 한계와 법적고지</a> </li>
<li> <a href="https://help.naver.com/support/alias/contents2/finance/finance_1.naver" onclick="clickcr(this, 'fot.help', '', '', event);" target="_blank">금융 고객센터</a> </li>
</ul>
<p class="desc">네이버(주)가 제공하는 금융 정보는 각 콘텐츠 제공업체<a href="javascript:;" onclick="togglePanelFooter('footerPanel0');" class="desc_help"><img src="https://ssl.pstatic.net/static/nfinance/2018/06/29/btn_help.png" width="17" height="17" alt="제공업체 상세설명"></a>로부터 받는 투자 참고사항이며, 오류가 발생하거나 지연될 수 있습니다.<br>네이버(주)와 콘텐츠 제공업체는 제공된 정보에 의한 투자 결과에 법적인 책임을 지지 않습니다. 게시된 정보는 무단으로 배포할 수 없습니다.</p>
<div id="footerPanel0" class="provider_layer" style="display:none" tabindex="0" onblur="hidePannel('footerPanel0')"> <strong class="provider_layer__tit">콘텐츠 제공업체</strong>
<div class="provider_layer__txt">
<p><span>코스콤 : </span>실시간 주가정보 및 국내시세정보</p>
<p><span>에프앤가이드 : </span>기업 및 재무정보</p>
<p><span>KG제로인 : </span>해외 시세, 시장지표 및 펀드 정보</p>
<p><span>한국예탁결제원 : </span>주주총회일 및 전자투표 정보</p>
<p><span>인포스탁 : </span>국내 테마 정보</p>
</div> <span class="arrow"></span>
</div>
<address> <a href="https://www.navercorp.com/" target="_blank" class="logo" onclick="clickcr(this, 'fot.nhn', '', '', event);"><img src="https://ssl.pstatic.net/static/nfinance/2019/02/22/ci_naver.png" width="58" height="11" alt="NAVER"></a> <em>Copyright ©</em> <a href="https://www.navercorp.com/" target="_blank" onclick="clickcr(this, 'fot.nhn', '', '', event);">NAVER Corp.</a> <span>All Rights Reserved.</span> </address>
</div>
<script type="text/javascript">
function isVisible(obj) {
if (obj == document) return true
if (!obj) return false
if (!obj.parentNode) return false
if (obj.style) {
if (obj.style.display == 'none') return false
if (obj.style.visibility == 'hidden') return false
}
if (window.getComputedStyle) {
var style = window.getComputedStyle(obj, "")
if (style.display == 'none') return false
if (style.visibility == 'hidden') return false
}
var style = obj.currentStyle
if (style) {
if (style['display'] == 'none') return false
if (style['visibility'] == 'hidden') return false
}
return isVisible(obj.parentNode)
}
function isChildOf(myobj, containerObj) {
while(myobj != undefined) {
if (myobj == document.body) {
break;
}
if (myobj == containerObj) {
return true;
}
myobj = myobj.parentElement;
}
return false;
}
function gnbLayerClose(e){
var target = e.target ? e.target : e.srcElement;
if (isVisible(document.getElementById('gnb_service_lyr')) || isVisible(document.getElementById('gnb_notice_lyr')) ||isVisible(document.getElementById('gnb_my_lyr')) ) {
if (!isChildOf(target, document.getElementById('gnb'))) {
gnbAllLayerClose();
}
}
}
var isIE = (navigator.userAgent.toLowerCase().indexOf("msie")!=-1 && window.document.all) ? true:false;
if (isIE) {
document.attachEvent('onmousedown', gnbLayerClose);
} else {
window.addEventListener('mousedown', gnbLayerClose);
}
function showPannel(layerId){
var layer = jindo.$(layerId);
layer.style.display='block';
if (layerId == "summary_lyr") {
var layerHeight = jindo.$Element(layer).height();
jindo.$Element("summary_ifr").height(layerHeight);
}
}
function hidePannel(layerId){
var layer = jindo.$(layerId);
layer.style.display='none';
}
function togglePanelFooter(layerId) {
var elTargetLayer = jindo.$Element(jindo.$$.getSingle("#" + layerId));
if (elTargetLayer != null) {
if (elTargetLayer.visible()) {
hidePannel(layerId);
} else {
showPannel(layerId);
}
}
}
// add data-useragent
document.documentElement.setAttribute('data-useragent',navigator.userAgent);
</script>
</div>
<script type="text/javascript" src="/js/JSUtility.ns.js" charset="EUC-KR"></script>
<script type="text/javascript" src="/js/stock.js" charset="EUC-KR"></script>
<script type="text/javascript" src="/js/util.js" charset="EUC-KR"></script>
<script type="text/template" id="todayIndexItemTemplate">
<dl class="dl">
<dt><a href="{=_todayIndexDealTrendLink}" onClick="clickcr(this, 'tsc*k.private', '', '', event);">개인</a></dt>
<dd class="{js setUpDnClass(=_personalValue)}"><a href="{=_todayIndexDealTrendLink}" onClick="clickcr(this, 'tsc*k.private', '', '', event);">{js printChangeRate(=_personalValue)}</a><span class="blind">억원</span></dd>
<dt><a href="{=_todayIndexDealTrendLink}" onClick="clickcr(this, 'tsc*k.foreign', '', '', event);">외국인</a></dt>
<dd class="{js setUpDnClass(=_foreignValue)}"><a href="{=_todayIndexDealTrendLink}" onClick="clickcr(this, 'tsc*k.foreign', '', '', event);">{js printChangeRate(=_foreignValue)}</a><span class="blind">억원</span></dd>
<dt><a href="{=_todayIndexDealTrendLink}" onClick="clickcr(this, 'tsc*k.institutional', '', '', event);">기관</a></dt>
<dd class="{js setUpDnClass(=_institutionalValue)}"><a href="{=_todayIndexDealTrendLink}" onClick="clickcr(this, 'tsc*k.institutional', '', '', event);">{js printChangeRate(=_institutionalValue)}</a><span class="blind">억원</span></dd>
</dl>
<dl class="dl2">
<dt class="blind">상한종목수</dt>
<dd class="dd"><a href="{=_todayIndexItemUpperLink}" onClick="clickcr(this, 'tsc*k.ceiling', '', '', event);">{=_indexItemUpperCnt}</a></dd>
<dt class="blind">상승종목수</dt>
<dd class="dd2"><a href="{=_todayIndexItemRiseLink}" onClick="clickcr(this, 'tsc*k.rise', '', '', event);">{=_indexItemRiseCnt}</a></dd>
<dt class="blind">보합종목수</dt>
<dd class="dd3"><a href="{=_todayIndexItemSteadyLink}" onClick="clickcr(this, 'tsc*k.steady', '', '', event);">{=_indexItemSteadyCnt}</a></dd>
<dt class="blind">하락종목수</dt>
<dd class="dd4"><a href="{=_todayIndexItemFallLink}" onClick="clickcr(this, 'tsc*k.drop', '', '', event);">{=_indexItemFallCnt}</a></dd>
<dt class="blind">하한종목수</dt>
<dd class="dd5"><a href="{=_todayIndexItemLowerLink}" onClick="clickcr(this, 'tsc*k.floor', '', '', event);">{=_indexItemLowerCnt}</a></dd>
</dl>
</script>
<script type="text/template" id="todayKpi200Template">
<dl class="dl">
<dt>개인</dt>
<dd class="{js setUpDnClass(=_personalValue)}">{js printChangeRate(=_personalValue)}<span class="blind">억원</span></dd>
<dt>외국인</dt>
<dd class="{js setUpDnClass(=_foreignValue)}">{js printChangeRate(=_foreignValue)}<span class="blind">억원</span></dd>
<dt>기관</dt>
<dd class="{js setUpDnClass(=_institutionalValue)}">{js printChangeRate(=_institutionalValue)}<span class="blind">억원</span></dd>
</dl>
</script>
<script language="javascript">
var currentType = "recent";
var prevPage = 0;
var nextPage = 0;
jindo.$Fn(function(){
var topTabList = jindo.$A(jindo.$$('.tab_area li'));
var topLayerList = jindo.$A(jindo.$$('.section_sise_top .group_type'));
jindo.$Fn(function(e){
var el = jindo.$Element(e.currentElement);
for (var i = 0; i < topTabList.length(); i++) {
el.parent().removeClass("sise_top" + (i+1));
jindo.$Element(topLayerList.get(i)).removeClass("is_active");
if (jindo.$Element(topTabList.get(i)).className() == el.className()) {
el.parent().addClass("sise_top" + (i+1));
jindo.$Element(topLayerList.get(i)).addClass("is_active");
}
}
}).attach(jindo.$$('.tab_area li'), "click");
jindo.$Element(jindo.$A(jindo.$$(".bx_spot input")).get(0)).hide();
selectMyStockRowSize('recent');
jindo.$Fn(function(e) {
toggleRecentMyStockLayer();
}).attach(jindo.$$(".bx_spot input"), "click");
jindo.$A(jindo.$$(".foreign_news a")).forEach(function(oElement) {
jindo.$Element(oElement).ellipsis();
});
}).attach(document,"domready");
jindo.$Fn(function(){
var ua = window.navigator.userAgent;
var referrer = document.referrer;
if (ua != null && isMobileDevice(ua)) {
var welService = jindo.$Element(jindo.$$.getSingle("a.service"));
if (isSafari(ua) && welService) {
var href = welService.attr("href");
welService.attr("href", href + "?mobile");
if (document.URL.indexOf("mobile") > -1) {
jindo.$Element("footer").append(jindo.$Element("<div class=\"gomobile\"><a href=\"https://m.stock.naver.com/\"><img src=\"https://ssl.pstatic.net/imgstock/images5/btn_gomobile.gif\" alt=\"모바일 버전으로 보기\" width=\"820\" height=\"110\"></a></div>"));
} else {
document.location.href = "https://m.stock.naver.com/";
}
}
if (getReferrerType(ua, referrer) != "p" && isNotStockMobileReferrer(referrer)) {
document.location.href = "https://m.stock.naver.com/";
} else {
jindo.$Element("footer").append(jindo.$Element("<div class=\"gomobile\"><a href=\"https://m.stock.naver.com/\"><img src=\"https://ssl.pstatic.net/imgstock/images5/btn_gomobile.gif\" alt=\"모바일 버전으로 보기\" width=\"820\" height=\"110\"></a></div>"));
}
}
if (ua != null && isPadDevice(ua)) {
jindo.$Element("footer").append(jindo.$Element("<p style=\"clear:both;margin:50px 0 -50px;\"> <a href=\"https://m.stock.naver.com/\" style=\"display:block;padding:20px 0;border-top:1px solid #e7e7e7;background:#f3f3f3;text-align:center;text-decoration:none\"> <span style=\"font-family:AppleSDGothicNeo-SemiBold;vertical-align:middle;font-size:18px;\">모바일 버전으로 보기<img src=\"https://ssl.pstatic.net/static/nfinance/2014/ico_version_arrow.png\" style=\"vertical-align:middle;margin:-3px 0 0 7px;*margin-top:-1px;\" alt=\"모바일 버전으로 이동\"></span></a></p>"));
}
}).attach(document, "domready");
function isSafari(uaString) {
var userAgentString = uaString.toLowerCase();
if (userAgentString.indexOf("safari") > -1) {
return true;
} else {
return false;
}
}
function isPadDevice(uaString) {
var userAgentString = uaString.toLowerCase();
var isPad = false;
if (userAgentString.indexOf("ipad") > -1) {
isPad = true;
} else if (userAgentString.indexOf("android") > -1) {
if (userAgentString.match(".*shw-m18(0|5)(s|k|l).*")) {
isPad = true;
} else if (isAndroidPad(userAgentString)) {
isPad = true;
}
}
return isPad;
}
function isMobileDevice(uaString) {
var userAgentString = uaString.toLowerCase();
var isMobile = false;
if (userAgentString.indexOf("windows ce") > -1 && userAgentString.indexOf("polar") > -1) {
isMobile = true;
} else if (userAgentString.indexOf("mozilla") == 0 && userAgentString.indexOf("polar") > -1) {
isMobile = true;
} else if (userAgentString.indexOf("mozilla") > -1 && userAgentString.indexOf("natebrowser") > -1) {
isMobile = true;
} else if (userAgentString.indexOf("opera") > -1
&& (userAgentString.indexOf("skt") > -1 || userAgentString.indexOf("windows ce") > -1)) {
isMobile = true;
} else if (userAgentString.indexOf("ipad") > -1) {
isMobile = false;
} else if (userAgentString.indexOf("iphone") > -1|| userAgentString.indexOf("ipod") > -1) {
isMobile = true;
} else if (userAgentString.indexOf("tizen") > -1 && userAgentString.indexOf("familyhub") > -1) {
isMobile = true;
} else if (userAgentString.indexOf("android") > -1) {
if (userAgentString.match(".*shw-m18(0|5)(s|k|l).*")) {
isMobile = false;
} else if (isAndroidPad(userAgentString)) {
isMobile = false;
} else {
isMobile = true;
}
} else if (userAgentString.indexOf("dolfin") > -1) {
isMobile = true;
} else if (userAgentString.match("^mozilla.*wv[0-9]+.*lgtelecom.*")) {
isMobile = true;
} else {
isMobile = false;
}
return isMobile;
}
function isAndroidPad(userAgentString) {
var pattern = /android+\s+((\d)\.(\d))(?:\.(\d))?/igm;
var result = pattern.exec(userAgentString);
if (result != null && result.length > 0) {
var osVersion = result[1];
if(osVersion >= 3.0 && osVersion < 4.0) { // 안드로이드 3.0 허니콤
return true;
} else if (osVersion >= 4.0 && !(userAgentString.indexOf("mobile") > -1)) {
return true;
} else {
return false;
}
}
}
function getReferrerType(ua, referrer) {
var userAgentString = (typeof ua === 'function')? ua(): ua;
if (referrer != null && referrer.length != 0) {
if (referrer.match("(http:|https:)//m\\.(.*?)(\\.)?naver\\.com.*") ||
referrer.match("(http:|https:)//m\\.wingspoon\\.com/.*") ||
referrer.match("(http:|https:)//me2day\\.net/n/.*") ||
referrer.match("(http:|https:)//.*\\.naver\\.com/m/.*")
) {
return "m";
} else if (referrer.match("(http:|https:)//.*\\.naver\\.com.*") && userAgentString.contains("safari")) {
var queryString = window.location.search;
if (queryString == "?mobile") {
return "p";
} else {
return "m";
}
} else if (referrer.match("(http:|https:)//.*\\.naver\\.com.*") ||
referrer.match("(http:|https:)//wingspoon\\.com/.*") ||
referrer.match("(http:|https:)//me2day\\.net.*")
) {
return "p";
}
}
return "o";
}
function isNotStockMobileReferrer(referrer) {
var financeReferer = "(.*)m.stock.naver.com(.*)";(.*)
if (!referrer) {
return true;
}
if (referrer != null && referrer.length != 0) {
if (!referrer.match(financeReferer)) {
return true;
}
}
return false;
}
var rowSize = 0;
var itemListSize = 0;
var isOpened = false;
function selectMyStockRowSize(type) {
var url = "/item/item_right_ajax.naver?type=mystock&code=000000&page=1&pageSize=30";
var ajax = new jindo.$Ajax(url , {
onerror : function() {
emptyInnerHtml(type);
},
onload : function(res) {
var data = res.json();
var itemListSize = jindo.$A(data.item_list).length();
rowSize = parseInt((itemListSize - 1) / 5);
showMainRecentMyStockSearchStock('tab_search', 'tab_spot tab1', '000000', 'recent');
}
});
ajax.request();
}
var recentMyStockLayer_viewMode = "hide";
function toggleRecentMyStockLayer() {
if (isOpened) {
isOpened = false;
} else {
isOpened = true;
}
toggleShowHideBtn();
toggleSpotViewOnOff();
toggleItemLayer();
}
function toggleItemLayer() {
jindo.$A(jindo.$$(".tab_list > li")).forEach(function(oElement, index, value) {
if (index > 0) {
jindo.$Element(oElement).toggle();
}
});
if (itemListSize <= 5 && recentMyStockLayer_viewMode == 'hide') {
jindo.$A(jindo.$$(".bx_spot input")).forEach(function(inputElement) {
jindo.$Element(inputElement).hide();
});
}
}
function toggleShowHideBtn() {
var hideBtn = jindo.$A(jindo.$$(".bx_spot input")).get(0);
var showBtn = jindo.$A(jindo.$$(".bx_spot input")).get(1);
if (recentMyStockLayer_viewMode == "hide") {
jindo.$Element(hideBtn).show();
jindo.$Element(showBtn).hide();
recentMyStockLayer_viewMode = "show";
} else if (recentMyStockLayer_viewMode == "show") {
jindo.$Element(showBtn).show();
jindo.$Element(hideBtn).hide();
recentMyStockLayer_viewMode = "hide";
}
}
function toggleSpotViewOnOff() {
var spotElement = jindo.$Element(jindo.$$.getSingle(".home_spot"))
spotElement.toggleClass("view_on", "view_off");
}
function moveToItemMainPage(code) {
document.location.href = "/item/main.naver?code=" + code;
}
function deleteRecentCode(groupId, code, type) {
var cookieName = "stock";
codeList_cookie = getCookie("naver_" + cookieName + "_codeList");
codeList = codeList_cookie.split("|");
copyCodeList(code, codeList, cookieName);
selectMyStockRowSize('recent');
}
function showMainRecentMyStockSearchStock(tabId, tabClassName, itemcode, type) {
if (tabId != null && tabId != '') {
jindo.$(tabId).className = tabClassName;
if (tabClassName == "tab_spot tab1") {
jindo.$Element("recent_mystock_blind").html("최근 조회종목 리스트");
} else if (tabClassName == "tab_spot tab2") {
jindo.$Element("recent_mystock_blind").html("MY STOCK 리스트");
}
}
getRecentData(itemcode, type, '1');
}
function getRecentData(itemcode, type, page) {
var url = "/item/item_right_ajax.naver?type=" + type + "&code=" + itemcode + "&page=" + page + "&pageSize=30";
updatePage(url, type);
}
function updatePage(url, type) {
var ajax = new jindo.$Ajax(url, {
onerror : function() {
emptyInnerHtml(type);
},
onload : loadRecentInnerHtml
});
ajax.request();
}
function emptyInnerHtml(type) {
if (type == 'mystock') {
jindo.$('tab_search').className = 'tab_spot tab2';
} else {
jindo.$('tab_search').className = 'tab_spot tab1';
}
var divObj = jindo.$Element("recent_search_tab");
var oTabList = jindo.$$.getSingle(".tab_list");
jindo.$Element(oTabList).empty();
var spotElement = jindo.$Element(jindo.$$.getSingle(".home_spot"));
jindo.$Element(oTabList).empty();
if (type == 'mystock') {
jindo.$Element(oTabList).append(jindo.$("<li class='first'><div class='nodata'><p class='regist'>MY STOCK에 관심종목을 등록하시면 시세가 제공됩니다.</p><a href='/mystock/index.naver'>MY STOCK 바로가기</a></div></li>"));
} else {
jindo.$Element(oTabList).append(jindo.$("<li class='first'><div class='nodata'><p class='search'>최근조회 종목이 없습니다.</p></div></li>"));
}
jindo.$ElementList(jindo.$$(".bx_spot input")).hide();
recentMyStockLayer_viewMode = "hide";
spotElement.removeClass("view_on");
spotElement.addClass("view_off");
return;
}
function loadRecentInnerHtml(res) {
var divObj = jindo.$Element("recent_search_tab");
var data = res.json();
var itemList = jindo.$A(data.item_list);
var oTabList = jindo.$$.getSingle(".tab_list");
jindo.$Element(oTabList).empty();
itemListSize = itemList.length();
var spotElement = jindo.$Element(jindo.$$.getSingle(".home_spot"));
var tempRowSize = parseInt((itemListSize - 1) / 5);
if (rowSize < tempRowSize) {
rowSize = tempRowSize;
}
if (itemList.length() == 0) {
jindo.$Element(oTabList).empty();
if (data.type == 'recent') {
jindo.$Element(oTabList).append(jindo.$("<li class='first'><div class='nodata'><p class='search'>최근조회 종목이 없습니다.</p></div></li>"));
} else if (data.type == 'mystock') {
if (data.login == "true") {
jindo.$Element(oTabList).append(jindo.$("<li class='first'><div class='nodata'><p class='regist'>MY STOCK에 관심종목을 등록하시면 시세가 제공됩니다.</p><a href='/mystock/index.naver'>MY STOCK 바로가기</a></div></li>"));
} else {
jindo.$Element(oTabList).append(jindo.$("<li class='first'><div class='nodata'><p class='login'>로그인하시면 등록하신 종목의 시세가 제공됩니다.</p><a href='/mystock/index.naver'>MY STOCK 로그인</a></div></li>"));
}
}
jindo.$ElementList(jindo.$$(".bx_spot input")).hide();
recentMyStockLayer_viewMode = "hide";
spotElement.removeClass("view_on");
spotElement.addClass("view_off");
return;
}
for (i=0; i<=rowSize; i++) {
var li;
if (i == 0) {
li = jindo.$('<li class="first"><ul></ul></li>');
} else if (i == 1 || i == 3) {
li = jindo.$('<li class="even_num"><ul></ul></li>');
} else if (i == 5) {
li = jindo.$('<li class="last even_num"><ul></ul></li>');
} else {
li = jindo.$('<li><ul></ul></li>');
}
if (recentMyStockLayer_viewMode == 'hide') {
if (i != 0) {
jindo.$Element(li).hide();
} else {
spotElement.removeClass("view_on");
spotElement.addClass("view_off");
}
} else if (recentMyStockLayer_viewMode == 'show') {
spotElement.removeClass("view_off");
spotElement.addClass("view_on");
}
jindo.$Element(oTabList).append(li);
}
if (rowSize == 0) {
spotElement.removeClass("view_on");
spotElement.addClass("view_off");
} else {
var hideBtn = jindo.$Element(jindo.$A(jindo.$$(".bx_spot input")).get(0));
var showBtn = jindo.$Element(jindo.$A(jindo.$$(".bx_spot input")).get(1));
if (recentMyStockLayer_viewMode == 'hide') {
showBtn.show();
hideBtn.hide();
} else {
hideBtn.show();
showBtn.hide();
}
}
if (itemListSize <= 5 && isOpened == false) {
jindo.$A(jindo.$$(".bx_spot input")).forEach(function(inputElement) {
jindo.$Element(inputElement).hide();
});
}
var row = 0;
itemcodes = "";
itemList.forEach(function(item, index, value) {
if (index != 0) {
itemcodes += ",";
}
itemcodes += item.itemcode;
row = parseInt(index / 5);
var oTabListElement = jindo.$A(jindo.$$("ul", oTabList)).get(row);
var spanElement;
var changeRate = Math.abs(Number(item.change_rate));
changeRate = changeRate.toFixed(2);
if (item.risefall == 1) {
spanElement = "<span class='up'>" + item.now_val + " <em><img src='https://ssl.pstatic.net/static/nfinance/ico_up2.gif' width='7' height='11' alt='상한'>" + changeRate + "%</em></span>";
} else if (item.risefall == 2) {
spanElement = "<span class='up'>" + item.now_val + " <em><img src='https://ssl.pstatic.net/static/nfinance/ico_up.gif' width='7' height='6' alt='상승'>" + changeRate + "%</em></span>";
} else if (item.risefall == 5) {
spanElement = "<span class='down'>" + item.now_val + " <em><img src='https://ssl.pstatic.net/static/nfinance/ico_down.gif' width='7' height='6' alt='하락'>" + changeRate + "%</em></span>";
} else if (item.risefall == 4) {
spanElement = "<span class='down'>" + item.now_val + " <em><img src='https://ssl.pstatic.net/static/nfinance/ico_down2.gif' width='7' height='11' alt='하한'>" + changeRate + "%</em></span>";
} else {
spanElement = "<span class='same'>" + item.now_val + " <em><img src='https://ssl.pstatic.net/static/nfinance/ico_same2.gif' width='10' height='6' alt='보합'>" + changeRate + "%</em></span>";
}
var clickcrAreaCode;
if (data.type == 'recent') {
clickcrAreaCode = "mys*r.stock";
} else {
clickcrAreaCode = "mys*i.stock";
}
var pElement = "<p><a href='/item/main.naver?code=" + item.itemcode + "' class='tit_item' onClick=\"clickcr(this, '" + clickcrAreaCode + "', '"+item.itemcode+"', '', event);\"><strong>" + item.itemname + "</strong></a>";
if (data.type == 'recent') {
pElement += "<a href='javascript:deleteRecentCode(\"" + data.sel_cid + "\", \"" + item.itemcode + "\", \"" + data.type + "\");' onClick=\"clickcr(this, 'mys*r.delete', '', '', event);\" class=\"btn_item_del\"><img src='https://ssl.pstatic.net/static/nfinance/2018/06/25/btn_delete.gif' width='17' height='17' alt='삭제'></a>";
}
pElement += "</p>";
var liElement;
if (index % 5 == 0) {
liElement = jindo.$(jindo.$S("<li class='first_item'>" + pElement + spanElement) + "</li>");
} else {
liElement = jindo.$(jindo.$S("<li>" + pElement + spanElement) + "</li>");
}
if (data.type == 'recent') {
jindo.$Element(oTabListElement).append(liElement);
} else {
if (index < 29) {
jindo.$Element(oTabListElement).append(liElement);
}
}
if (index == 28 && data.type == 'mystock' && data.itemTotalCnt > 29) {
jindo.$Element(oTabListElement).append(jindo.$("<li><p class='my_stock'><strong>MY STOCK (총<em>" + data.itemTotalCnt + "</em>건)</strong></p><a href='/mystock/index.naver' class='btn_more' onClick=\"clickcr(this, 'mys*i.more', '', '', event);\">더보기</a></li>"));
}
});
Polling.clearTimer();
Polling.call();
}
function checkUpDown(y3EarningRate) {
if (y3EarningRate > 0) {
return 'up';
} else if (y3EarningRate < 0) {
return 'down';
} else {
return 'same2';
}
}
function openChartPopup() {
window.open("/world/market_index_popup.naver", "charPopup","location=0,status=1, scrollbars=1,width=756,height=745");
}
var itemcodes = null;
var dateTime = "20220316185900";
var closeDate = dateTime.substring(0,4) + "." + dateTime.substring(4,6) + "." + dateTime.substring(6,8);
// 오늘의 증시 아코디언 방식으로 구현
jindo.$Fn(function() {
jindo.$Fn(function(e) {
var el = jindo.$Element(e.currentElement);
var indexList = jindo.$A(jindo.$$(".group_quot"));
for (var i = 0, n = indexList.length(); i < n; i++) {
var index = jindo.$Element(indexList.get(i));
index.removeClass("quot_opn");
index.css({height:40});
jindo.$Element(jindo.$$.getSingle("h4", indexList.get(i))).removeClass("h_opn");
}
el.parent().addClass("quot_opn");
el.parent().css({height:269});
jindo.$Element(jindo.$$.getSingle("h4", e.currentElement)).addClass("h_opn");
}, this).attach(jindo.$$(".heading_area"), "mouseover");
}, this).attach(document, "domready");
//실시간 버튼 마우스 오버, 아웃시 말풍선 구현
jindo.$Fn(function() {
jindo.$Fn(function() {
var spotDivEl = jindo.$Element(jindo.$$.getSingle(".home_spot"));
if (spotDivEl.hasClass("view_off")) {
var homeDivEl = jindo.$Element(jindo.$$.getSingle(".home"));
homeDivEl.css("zIndex", 80);
}
}, this).attach(jindo.$$(".btn_realtime"), "mouseover");
jindo.$Fn(function() {
var homeDivEl = jindo.$Element(jindo.$$.getSingle(".home"));
homeDivEl.css("zIndex", 0);
}, this).attach(jindo.$$(".btn_realtime"), "mouseout");
jindo.$Fn(function(oEvent) {
oEvent.stop();
}, this).attach(jindo.$$(".btn_realtime"), "click");
}, this).attach(document, "domready");
// 웹 접근성 대응 (키보드 이벤트 추가)
jindo.$Fn(function() {
// 오늘의 증시
jindo.$Fn(function(e) {
e.stop();
var indexList = jindo.$A(jindo.$$(".group_quot"));
for (var i = 0, n = indexList.length(); i < n; i++) {
var index = jindo.$Element(indexList.get(i));
index.removeClass("quot_opn");
index.css({height:40});
jindo.$Element(jindo.$$.getSingle("h4", indexList.get(i))).removeClass("h_opn");
}
var targetEl = jindo.$Element(e.currentElement).parent().parent().parent();
targetEl.addClass("quot_opn");
targetEl.css({height:269});
jindo.$Element(targetEl.query("h4")).addClass("h_opn");
}, this).attach(jindo.$$("._stock_section"), "focus");
}, this).attach(document, "domready");
//실시간 시세 조회처리 모듈
var Polling = {
_nInterval : 100,
_oTimer : null,
_oAjax : null,
_sAjaxQuery : "SERVICE_INDEX:KOSPI,KOSDAQ,KPI200",
_welBasisName : jindo.$Element(jindo.$$.getSingle(".basis_area #basis_name")),
_welBasisValue : jindo.$Element(jindo.$$.getSingle(".basis_area #basis_value")),
_aElQuot : jindo.$A(jindo.$$(".num_quot")),
_elTime : jindo.$("time"),
_oTemplate : { // 템플릿
market : jindo.$Template("<span class='num'>{=NUM1}</span>\n<span class='num2'>{=NUM2}</span>\n<span class='num3'><span class='blind'>{=SIGN}</span>{=NUM3}<span class='per'>%</span></span>\n<span class='blind'>{=SIGN_TEXT}</span>"),
rf : {
1 : jindo.$Template("<span class='up'>{=NV} <em><img src='https://ssl.pstatic.net/static/nfinance/ico_up2.gif' width='7' height='11' alt='상한'>{=RATE}%</em></span>"),
2 : jindo.$Template("<span class='up'>{=NV} <em><img src='https://ssl.pstatic.net/static/nfinance/ico_up.gif' width='7' height='6' alt='상승'>{=RATE}%</em></span>"),
3 : jindo.$Template("<span class='same'>{=NV} <em><img src='https://ssl.pstatic.net/static/nfinance/ico_same2.gif' width='10' height='6' alt='보합'>{=RATE}%</em></span>"),
4 : jindo.$Template("<span class='down'>{=NV} <em><img src='https://ssl.pstatic.net/static/nfinance/ico_down2.gif' width='7' height='11' alt='하한'>{=RATE}%</em></span>"),
5 : jindo.$Template("<span class='down'>{=NV} <em><img src='https://ssl.pstatic.net/static/nfinance/ico_down.gif' width='7' height='6' alt='하락'>{=RATE}%</em></span>")
},
basisValue : [
["<span>", "<img src='https://ssl.pstatic.net/imgfinance/finance/btn_contango.gif' width='33' height='17' alt='콘탱고'></span>"],
["<span>", "<img src='https://ssl.pstatic.net/imgfinance/finance/btn_backwar.gif' width='49' height='17' alt='백워데이션'></span>"],
["<span>", "</span>"]
]
},
/**
* Polling 모듈 초기화
*/
init : function() {
var sApiUrl = "https://polling.finance.naver.com/api/realtime";
this._oAjax = jindo.$Ajax(sApiUrl, {
type : "jsonp",
jsonp_charset : "euc-kr",
onload : jindo.$Fn(function(response) {
if(response != null && response.readyState() == 4) {
try {
this.refreshQuote(response.json());
} catch(e) {
} finally {
response = null;
}
this._startTimer();
}
}, this).bind(),
timeout : 2,
ontimeout : jindo.$Fn(function() {
this._startTimer();
}, this).bind()
});
this.call();
},
/**
* 시세처리 타이머 시작
*/
_startTimer : function() {
this.clearTimer();
this._oTimer = setInterval(jindo.$Fn(function() {
this.call();
}, this).bind(), this._nInterval);
},
/**
* 시세처리 타이머 종료
*/
clearTimer : function() {
if(this._oAjax && !this._oAjax.isIdle()) {
this._oAjax.abort();
}
clearInterval(this._oTimer);
},
/**
* Ajax 요청
*/
call : function() {
this.clearTimer();
this._oAjax.request({
"query" : this._sAjaxQuery + (itemcodes != null && itemcodes != "" ? "|SERVICE_ITEM:" + itemcodes : "")
});
},
/**
* 전달받는 data를 지표영역에 반영한다.
* @param {Object} res AJAX 반환값
*/
refreshQuote : function(res) {
var oResult = res.result;
if(res != null && res.resultCode == 'success') {
if(oResult != null) {
this._nInterval = oResult.pollingInterval;
for(var i = 0, el; el = oResult.areas[i]; i++) {
if(el.name == "SERVICE_INDEX") {
this._elTime.innerHTML = displayTime(el.datas[0].ms, el.datas[0].aq, oResult.time);
this._aElQuot.forEach(jindo.$Fn(function(oElement, dataIndex) {
var cvClass = "",
sign = "",
signText = "",
cv = el.datas[dataIndex].cv,
cr = el.datas[dataIndex].cr,
nv = el.datas[dataIndex].nv,
wel = jindo.$Element(oElement);
if (cv > 0) {
cvClass = "num_quot up";
sign = "+";
signText = "상승";
} else if (cv < 0) {
cvClass = "num_quot dn";
sign = "-";
signText = "하락";
cv = cv * -1;
cr = cr * -1;
} else {
cvClass = "num_quot";
signText = "보합";
}
wel.className(cvClass);
wel.html(this._oTemplate.market.process({
NUM1 : changeNumberFormat((nv/100).toFixed(2)),
NUM2 : (cv/100).toFixed(2),
NUM3 : cr.toFixed(2),
SIGN : sign,
SIGN_TEXT : signText
}));
}, this).bind());
// 베이시스 추가
// 선물 - 코스피200
var nBasis = el.datas[2].bs,
nBasisFixed = (nBasis/100).toFixed(2),
sBasisText = "",
sBasisClassName = "dd",
nBasisTemplateIndex = 2;
sBasisSign = "";
// 예상지수인 경우 베이시스는 0으로 초기화한다. 예상지수로 베이시스를 구할수는 없기때문이다.
if (el.datas[2].ms == 'PREOPEN') {
nBasis = 0;
nBasisFixed = 0;
}
if(nBasis > 0) {
sBasisText = "콘탱고";
sBasisClassName += " up";
nBasisTemplateIndex = 0;
sBasisSign = "+";
} else if (nBasis < 0){
sBasisText = "백워데이션";
sBasisClassName += " dn";
nBasisTemplateIndex = 1;
}
this._welBasisName.html(sBasisText);
this._welBasisValue.className(sBasisClassName);
this._welBasisValue.html(this._oTemplate.basisValue[nBasisTemplateIndex].join(sBasisSign+nBasisFixed));
} else if (el.name == "SERVICE_ITEM") {
for(var j=0, elArea; elArea = el.datas[j]; j++) {
var _elTabElement = jindo.$A(jindo.$$("ul", jindo.$$.getSingle(".tab_list"))).get(parseInt(j / 5)),
nChangeRate = (Math.abs(Number(elArea.cr))).toFixed(2),
nChangeNV = changeNumberFormat(elArea.nv),
welTabList = jindo.$Element(_elTabElement).child()[j % 5];
if(j < 29) {
welTabList.last().leave();
welTabList.append(this._oTemplate.rf[elArea.rf].process({
NV : nChangeNV,
RATE : nChangeRate
}));
}
}
}
}
}
}
}
};
// 1분마다 정보 업데이트
var updateInformationInterval = 60000;
var informationTimer = null;
var oUpdateAjax = null;
var startInformationTimer = function() {
clearInformationTimer();
informationTimer = setInterval('doUpdateInformation()', updateInformationInterval);
}
var clearInformationTimer = function() {
if (oUpdateAjax) {
oUpdateAjax.abort();
oUpdateAjax = null;
}
informationTimer = window.clearInterval(informationTimer);
}
var doUpdateInformation = function() {
var sApiUrl = "https://api.finance.naver.com/service/mainSummary.naver";
oUpdateAjax = jindo.$Ajax(sApiUrl, {
type : "jsonp",
jsonp_charset : "utf-8",
onload : function(oRes) {
if(oRes != null && oRes.readyState() == 4) {
var result = oRes.json().message.result;
if(result != null) {
var todayIndexDealTrendList = result.todayIndexDealTrendList; // 투자매매동향
var todayIndexItemList = result.todayIndexItemList; // 등락종목 개수
var kospiTrendProgram = result.kospiTrendProgram; // 프로그램
var groupTopList = result.groupTopList; // 업종상위
var themeTopList = result.themeTopList; // 테마상위
var topItems = result.topItems; // TOP종목 (거래상위, 상한, 하한, 시가총액상위)
var searchList = result.searchList; // 인기 검색 종목
// 오늘의 증시 코스피, 코스닥 투자매매동향 등락종목 개수
jindo.$A(jindo.$$(".dsc_area")).forEach(function(value, index) {
if ( index < 2 ) {
var todayIndexDealTrend = todayIndexDealTrendList[index];
var todayIndexItem = todayIndexItemList[index];
var todayIndexDealTrendLink = new Array("/sise/sise_trans_style.naver?sosok=01", "/sise/sise_trans_style.naver?sosok=02");
var oTemplate = jindo.$Template("todayIndexItemTemplate");
var values = jindo.$H(getDealTrendTemplateValues(todayIndexDealTrend));
var tmpMap1 = jindo.$H(getFluctuationTemplateValues(todayIndexItem));
var tmpMap2 = jindo.$H(getIndexItemLinkTemplateValues(todayIndexDealTrendLink, index));
tmpMap1.forEach(function(v, k, o) {
values.add(k, v);
});
tmpMap2.forEach(function(v, k, o) {
values.add(k, v);
});
jindo.$Element(value).html(oTemplate.process(values.$value()));
}
}, this);
// 오늘의 증시 코스피200 투자매매동향
jindo.$Element(jindo.$$.getSingle(".dsc_area2")).html(jindo.$Template("todayKpi200Template").process(getDealTrendTemplateValues(todayIndexDealTrendList[2])));
// 오늘의 증시 코스피200 프로그램
var trendProgram = new TrendProgram(kospiTrendProgram);
var kospiDifferenceReal = trendProgram.getDifferenceReal();
var kospiBiDifferenceReal = trendProgram.getBiDifferenceReal();
var kospiTotalReal = trendProgram.getTotalReal()
var kospiProgramClass = "dd2 " + setUpDnClass(kospiTotalReal);
kospiTotalReal = changeNumberFormat(Math.round(kospiTotalReal/100000000));
kospiTotalReal = (kospiBiDifferenceReal + kospiDifferenceReal > 0) ? "+" + kospiTotalReal : "" + kospiTotalReal;
var elKospiProgram = jindo.$Element(jindo.$$.getSingle("#_kospiProgram"));
elKospiProgram.className(kospiProgramClass);
var sHtml = "";
sHtml = "<a href='/sise/sise_program.naver?sosok=01' onClick='clickcr(this, \"tsc*o.program\", \"\", \"\", event);'>" + kospiTotalReal + "<span>억</span></a>";
elKospiProgram.html(sHtml);
// 업종상위
jindo.$A(jindo.$$(".section_top_first .list_rank li")).forEach(function(oElement, index) {
var groupTopItem = groupTopList[index];
var uiCount = index + 1;
var typeNo = groupTopItem.typeNo;
var typeChangeRate = groupTopItem.typeChangeRate;
var sHtml = "";
sHtml += "<span class='info_num info_num" + uiCount + "'><span class='blind'>" + uiCount + "</span></span><p class='item'><a href='/sise/sise_group_detail.naver?type=upjong&no=" + typeNo + "' onClick='clickcr(this, \"tos.cat" + uiCount + "\", \"upjong_" + typeNo +"\", \"\", event);'>";
sHtml += "<strong>" + cutStringByByte(groupTopItem.typeName, 15, "..") + "</strong></a>";
if (typeChangeRate > 0) {
sHtml += "<em class='up'>+" + changeNumberFormat(typeChangeRate.toFixed(2)) + "%</em>";
} else if (typeChangeRate < 0) {
sHtml += "<em class='down'>" + changeNumberFormat(typeChangeRate.toFixed(2)) + "%</em>";
} else {
sHtml += "<em class='steady'>" + changeNumberFormat(typeChangeRate.toFixed(2)) + "%</em>";
}
sHtml += "</p>";
for (i = 0; i < groupTopItem.itemList.length; i++) {
var groupTopDetailItem = groupTopItem.itemList[i];
var code = groupTopDetailItem.code;
var changeRate = groupTopDetailItem.changeRate;
sHtml += "<p>";
sHtml += "<a href='/item/main.naver?code=" + code + "' onClick='clickcr(this, \"tos.list" + i + "\", \""+ code + "\", \"" + i + "\", event);'>";
sHtml += cutStringByByte(groupTopDetailItem.name, 10, "..") + "</a>";
if (changeRate > 0) {
sHtml += "<em class='up'>+" + changeNumberFormat(changeRate.toFixed(2)) + "%</em>";
} else if (changeRate < 0) {
sHtml += "<em class='down'>" + changeNumberFormat(changeRate.toFixed(2)) + "%</em>";
} else {
sHtml += "<em class='steady'>" + changeNumberFormat(changeRate.toFixed(2)) + "%</em>";
}
sHtml += "</p>";
}
jindo.$Element(oElement).html(sHtml);
}, this);
// 테마상위
jindo.$A(jindo.$$(".group_top .list_rank li")).forEach(function(value, index) {
var themeTopItem = themeTopList[index];
var uiCount = index + 1;
var sHtml = "";
sHtml += "<span class='info_num info_num" + uiCount + "'><span class='blind'>" + uiCount + "</span></span><p class='item'><a href='/sise/sise_group_detail.naver?type=theme&no=" + themeTopItem.typeNo + "' onClick='clickcr(this, \"pol.type" + uiCount + "\", \"thema_" + themeTopItem.typeNo +"\", \"\", event);'>";
sHtml += "<strong>" + cutStringByByte(themeTopItem.typeName, 15, "..") + "</strong></a>";
if (themeTopItem.typeChangeRate > 0) {
sHtml += "<em class='up'>+" + changeNumberFormat(themeTopItem.typeChangeRate.toFixed(2)) + "%</em>";
} else if (themeTopItem.typeChangeRate < 0) {
sHtml += "<em class='down'>" + changeNumberFormat(themeTopItem.typeChangeRate.toFixed(2)) + "%</em>";
} else {
sHtml += "<em class='steady'>" + changeNumberFormat(themeTopItem.typeChangeRate.toFixed(2)) + "%</em>";
}
sHtml += "</p>";
for (i = 0; i < themeTopItem.itemList.length; i++) {
var themeTopDetailItem = themeTopItem.itemList[i];
sHtml += "<p>";
sHtml += "<a href='/item/main.naver?code=" + themeTopDetailItem.code + "' onClick='clickcr(this, \"tos.list" + i + "\", \""+ themeTopDetailItem.code + "\", \"" + i + "\", event);'>";
sHtml += cutStringByByte(themeTopDetailItem.name, 10, "..") + "</a>";
if (themeTopDetailItem.changeRate > 0) {
sHtml += "<em class='up'>+" + changeNumberFormat(themeTopDetailItem.changeRate.toFixed(2)) + "%</em>";
} else if (themeTopDetailItem.changeRate < 0) {
sHtml += "<em class='down'>" + changeNumberFormat(themeTopDetailItem.changeRate.toFixed(2)) + "%</em>";
} else {
sHtml += "<em class='steady'>" + changeNumberFormat(themeTopDetailItem.changeRate.toFixed(2)) + "%</em>";
}
sHtml += "</p>";
}
jindo.$Element(value).html(sHtml);
});
// 거래상위
jindo.$A(jindo.$$("#_topItems1 tr")).forEach(function(value, index) {
var topItem = topItems[0][index];
var changeVal = topItem.changeVal;
var changeRate = topItem.changeRate;
var uiCount = index + 1;
var itemcode = topItem.code;
setUpDownClass(changeVal, value);
var sHtml = "";
sHtml += "<th><a href='/item/main.naver?code=" + itemcode + "' onClick='clickcr(this, \"spe.slist\", \"" + itemcode + "\", \"" + uiCount + "\", event);'>";
sHtml += topItem.name + "</a></th>";
sHtml += "<td>" + changeNumberFormat(topItem.nowVal) + "</td>";
if (changeRate> 0) {
sHtml += "<td><em class='bu_p bu_pup'><span class='blind'>상승</span></em> " + changeNumberFormat(changeVal) + "</td>";
sHtml += "<td>+" + changeRate.toFixed(2)+ "%</td>";
} else if (changeRate < 0) {
changeRate = changeRate * -1;
changeVal = changeVal * -1;
sHtml += "<td><em class='bu_p bu_pdn'><span class='blind'>하락</span></em> " + changeNumberFormat(changeVal) + "</td>";
sHtml += "<td>-" + changeRate.toFixed(2) + "%</td>";
} else {
sHtml += "<td><em class='bu_p bu_pn'><span class='blind'>보합</span></em></td>";
sHtml += "<td>" + changeRate.toFixed(2) + "%</td>";
}
jindo.$Element(value).html(sHtml);
});
// 상승
jindo.$A(jindo.$$("#_topItems2 tr")).forEach(function(value, index) {
var topItem = topItems[1][index];
if (topItem) {
var changeVal = topItem.changeVal;
var changeRate = topItem.changeRate;
var risefall = topItem.risefall;
var uiCount = index + 1;
var itemcode = topItem.code;
setUpDownClass(changeVal, value);
var sHtml = "";
sHtml += "<th><a href='/item/main.naver?code=" + itemcode + "' onClick='clickcr(this, \"spe.clist\", \"" + itemcode + "\", \"" + uiCount + "\", event);'>";
sHtml += topItem.name + "</a></th>";
sHtml += "<td>" + changeNumberFormat(topItem.nowVal) + "</td>";
if (changeVal != 0) {
if (risefall == '1') {
sHtml += "<td><em class='bu_p bu_pup2'><span class='blind'>상한가</span></em> " + changeNumberFormat(changeVal) + "</td>";
} else {
sHtml += "<td><em class='bu_p bu_pup'><span class='blind'>상승</span></em> " + changeNumberFormat(changeVal) + "</td>";
}
sHtml += "<td>+" + changeRate.toFixed(2)+ "%</td>";
} else {
sHtml += "<td><em class='bu_p bu_pn'><span class='blind'>보합</span></em></td>";
sHtml += "<td>" + changeRate.toFixed(2) + "%</td>";
}
jindo.$Element(value).html(sHtml);
}
});
// 하락
jindo.$A(jindo.$$("#_topItems3 tr")).forEach(function(value, index) {
var topItem = topItems[2][index];
if (topItem) {
var changeVal = topItem.changeVal;
var changeRate = topItem.changeRate;
var risefall = topItem.risefall;
var uiCount = index + 1;
var itemcode = topItem.code;
setUpDownClass(changeVal, value);
var sHtml = "";
sHtml += "<th><a href='/item/main.naver?code=" + itemcode + "' onClick='clickcr(this, \"spe.blist\", \"" + itemcode + "\", \"" + uiCount + "\", event);'>";
sHtml += topItem.name + "</a></th>";
sHtml += "<td>" + changeNumberFormat(topItem.nowVal) + "</td>";
if (changeVal != 0) {
changeRate = changeRate * -1;
changeVal = changeVal * -1;
if (risefall == '4') {
sHtml += "<td><em class='bu_p bu_pdn2'><span class='blind'>하한가</span></em> " + changeNumberFormat(changeVal) + "</td>";
} else {
sHtml += "<td><em class='bu_p bu_pdn'><span class='blind'>하락</span></em> " + changeNumberFormat(changeVal) + "</td>";
}
sHtml += "<td>-" + changeRate.toFixed(2) + "%</td>";
} else {
sHtml += "<td><em class='bu_p bu_pn'><span class='blind'>보합</span></em></td>";
sHtml += "<td>" + changeRate.toFixed(2) + "%</td>";
}
jindo.$Element(value).html(sHtml);
}
});
// 시가총액 상위
jindo.$A(jindo.$$("#_topItems4 tr")).forEach(function(value, index) {
var topItem = topItems[3][index];
var changeVal = topItem.changeVal;
var changeRate = topItem.changeRate;
var uiCount = index + 1;
var itemcode = topItem.code;
setUpDownClass(changeVal, value);
var sHtml = "";
sHtml += "<th><a href='/item/main.naver?code=" + itemcode + "' onClick='clickcr(this, \"spe.clist\", \"" + itemcode + "\", \"" + uiCount + "\", event);'>";
sHtml += topItem.name + "</a></th>";
sHtml += "<td>" + changeNumberFormat(topItem.nowVal) + "</td>";
if (changeRate> 0) {
sHtml += "<td><em class='bu_p bu_pup'><span class='blind'>상승</span></em> " + changeNumberFormat(changeVal) + "</td>";
sHtml += "<td>+" + changeRate.toFixed(2)+ "%</td>";
} else if (changeRate < 0) {
changeRate = changeRate * -1;
changeVal = changeVal * -1;
sHtml += "<td><em class='bu_p bu_pdn'><span class='blind'>하락</span></em> " + changeNumberFormat(changeVal) + "</td>";
sHtml += "<td>-" + changeRate.toFixed(2) + "%</td>";
} else {
sHtml += "<td><em class='bu_p bu_pn'><span class='blind'>보합</span></em></td>";
sHtml += "<td>" + changeRate.toFixed(2) + "%</td>";
}
jindo.$Element(value).html(sHtml);
});
// 인기 검색 종목
jindo.$A(jindo.$$(".aside_popular tbody tr")).forEach(function(value, index) {
var popularItem = searchList[index];
var uiCount = index + 1;
var changeVal = popularItem.changeVal;
var itemcode = popularItem.itemcode;
setUpDownClass(changeVal, value);
var sHtml = "";
sHtml += "<th scope=\'row\'><em>" + uiCount + ".</em><a href=\'/item/main.naver?code=" + itemcode + "\' onClick='clickcr(this, \"boa.list\", \"" + itemcode + "\", \"" + uiCount + "\", event);'>";
sHtml += cutStringByByte(popularItem.itemname, 12, "..") + "</a></th>";
sHtml += "<td>" + changeNumberFormat(popularItem.nowVal) + "</td>";
if (popularItem.risefall == 1) {
sHtml += "<td><em class=\'bu_p bu_pup2\'><span class=\'blind\'>상한가</span></em><span class=\'tah p11 red02\'> " + changeNumberFormat(changeVal) + " </span></td>";
} else if (popularItem.risefall == 2) {
sHtml += "<td><em class=\'bu_p bu_pup'><span class=\'blind\'>상승</span></em><span class=\'tah p11 red02\'> " + changeNumberFormat(changeVal) + " </span></td>";
} else if (popularItem.risefall == 3) {
sHtml += "<td><span class=\'tah p11\'> 0 </span></td>";
} else if (popularItem.risefall == 4) {
changeVal = changeVal * -1;
sHtml += "<td><em class=\'bu_p bu_pdn2\'><span class=\'blind\'>하한가</span></em><span class=\'tah p11 nv01\'> " + changeNumberFormat(changeVal) + " </span></td>";
} else{
changeVal = changeVal * -1;
sHtml += "<td><em class=\'bu_p bu_pdn'\><span class=\'blind\'>하락</span></em><span class=\'tah p11 nv01\'> " + changeNumberFormat(changeVal) + " </span></td>";
}
jindo.$Element(value).html(sHtml);
});
startInformationTimer();
}
}
},
timeout : 2,
ontimeout : function() {
startInformationTimer();
},
async : true
});
oUpdateAjax.request();
}
function getIndexItemLinkTemplateValues(todayIndexDealTrendLink, index) {
values = {
_todayIndexDealTrendLink : todayIndexDealTrendLink[index],
_todayIndexItemUpperLink : "/sise/sise_upper.naver?sosok=" + index,
_todayIndexItemRiseLink : "/sise/sise_rise.naver?sosok=" + index,
_todayIndexItemSteadyLink : "/sise/sise_steady.naver?sosok=" + index,
_todayIndexItemFallLink : "/sise/sise_fall.naver?sosok=" + index,
_todayIndexItemLowerLink : "/sise/sise_lower.naver?sosok=" + index
};
return values;
}
// up, down, same 클래스 생성 기능
function setUpDownClass(sChangeVal, eValue) {
if (sChangeVal > 0) {
jindo.$Element(eValue).className("up");
} else if (sChangeVal < 0) {
jindo.$Element(eValue).className("down");
} else {
jindo.$Element(eValue).className("same");
}
}
function setUpDnClass(value){
var className = "";
if (value > 0){
className = "up";
} else if(value < 0){
className = "dn";
}
return className;
}
function mainPageDomReadyFn() {
doUpdateInformation();
Polling.init();
}
function togglePannel(layerId) {
var elTargetLayer = jindo.$Element(jindo.$$.getSingle("#" + layerId));
if (elTargetLayer != null) {
if (elTargetLayer.visible()) {
hidePannel(layerId);
} else {
showPannel(layerId);
}
}
}
function showPannel(layerId){
var layer = jindo.$(layerId);
layer.style.display='block';
}
function hidePannel(layerId){
var layer = jindo.$(layerId);
layer.style.display='none';
}
// 1분 리플레시, 실시간 시세 폴링, 이미지 리플레시
jindo.$Fn(mainPageDomReadyFn).attach(document, "domready");
</script>
</body>
</html>보시는 것과 같이 doc 이라는 변수안에 모든 소스가 들어간것을 볼수가 있다.
이제 여기 보든 내용을 하나하나 파싱해가면서 정보를, 우리가 필요한 정보들을 가져오는 방법을 다음글에 작성하곘습니다.
728x90
반응형
LIST
'프로젝트 > 금융' 카테고리의 다른 글
| 네이버 금융 크롤링 : 주식 종목 가져오기 (4) | 2022.10.26 |
|---|---|
| 네이버 금융 크롤링 : 환율 금리 유가 차트 이미지를 가져와 보자! (0) | 2022.10.25 |
| 네이버 금융 크롤링 : 다른 정보들도 모조리 긁어와보자! (0) | 2022.10.24 |
| 네이버 금융페이지를 몽땅 가져와보자! - 코스피, 코스닥을 긁어오자! (0) | 2022.05.03 |
| 네이버 금융페이지를 몽땅 가져와보자! - 자바 크롤링(java)_2 , 종목코드와 종목명 매핑하기 (0) | 2022.03.24 |
댓글