오류 SecurityError는 : 크로스 원점 프레임 액세스 원점으로 프레임을 차단

해결법

1.당신이 그것을 할 수 있다면 당신은 해당 자바 스크립트를 사용하여 서로 다른 기원, 그것은 것 거대한 보안 결함에 액세스 할 수 없습니다. 동일 출처에 대한 정책 브라우저는 스크립트를 다른 원점 프레임에 액세스하려고 차단합니다.</h2> <p>당신이 그것을 할 수 있다면 당신은 <iframe> 해당 자바 스크립트를 사용하여 서로 다른 기원, 그것은 것 거대한 보안 결함에 액세스 할 수 없습니다. 동일 출처에 대한 정책 브라우저는 스크립트를 다른 원점 프레임에 액세스하려고 차단합니다.</p> <p>주소의 다음과 같은 부분 중 하나 이상이 유지되지 않는 경우 원산지가 다른 것으로 간주됩니다 :</p> <pre><b>protocol</b>://<b>hostname</b>:<b>port</b>/...</pre> <p>당신이 프레임에 액세스하려면 프로토콜, 호스트 이름 및 포트는 사용자의 도메인과 동일해야합니다.</p> <p>참고 : Internet Explorer를 엄격하게이 규칙을 따르지로 알려져 있으며, 자세한 내용은 여기를 참조하십시오.</p> <p>여기 http://www.example.com/home/index.html에서 다음 URL에 액세스하려고 무슨 일이 일어날 지입니다</p> <pre class="lang-none prettyprint-override"><code>URL RESULT http://www.example.com/home/other.html -> Success http://www.example.com/dir/inner/another.php -> Success http://www.example.com:80 -> Success (default port for HTTP) http://www.example.com:2251 -> Failure: different port http://data.example.com/dir/other.html -> Failure: different hostname https://www.example.com/home/index.html:80 -> Failure: different protocol ftp://www.example.com:21 -> Failure: different protocol & port https://google.com/search?q=james+bond -> Failure: different protocol, port & hostname </code></pre> <p>당신이 두 페이지를 소유하고있는 경우에도 다른 기원과 사이트의 내용에 접근하는 동일 출처 정책 블록 스크립트 불구하고, 당신은 같은 두 페이지 사이에 메시지를 보낼 수 window.postMessage과 상대적 메시지 이벤트를 사용하여이 문제를 해결할 수 있습니다 이:</p> <p>이 방법은 또한 메인 페이지 리스너를 생성하고, 상기 프레임으로부터 응답을 수신하는 양 방향으로 적용 할 수있다. 동일한 논리는 또한 팝업으로 구현 될 수 있으며, 메인 페이지가 생성 기본적 새로운 창이 차이없이뿐만 아니라 (예를 들면 () window.open 사용).</p> <p>이미이 주제에 대한 좋은 대답은 그래서이 가능 브라우저, 나는 상대 대답을 연결합니다, (나는 단지 그들이 인터넷 검색을 발견)이 있습니다. 그러나 동일 출처 정책을 해제하는 경우에만 브라우저에 영향을 미칠 것이라는 점을 기억하시기 바랍니다. 매우 안전하지 않은 그리고 당신은 당신이 (예를 들어, 개발 목적) 일을 정확히 모르는 경우 수행해서는 안됩니다 있도록 또한, 동일 출처 보안 설정을 비활성화 보조금와 브라우저 출처 간 리소스에 모든 웹 사이트에 액세스를 실행.</p> </li> <li> <div><hr /></div><h2>2.상보 마르코 Bonelli의 대답 : window.postMessage를 사용하는 프레임 / iframe을 사이에 상호 작용의 가장 좋은 현재의 방법으로, 모든 브라우저에서 지원</h2> <p>상보 마르코 Bonelli의 대답 : window.postMessage를 사용하는 프레임 / iframe을 사이에 상호 작용의 가장 좋은 현재의 방법으로, 모든 브라우저에서 지원</p> </li> <li> <div><hr /></div><h2>3.HTTP의 도메인의 웹 서버를 확인합니다. // WWW을 <도메인> .COM 구성을위한 X-프레임 - 옵션 그것은, 클릭 재킹 공격을 방지하기위한 보안 기능입니다</h2> <p>HTTP의 도메인의 웹 서버를 확인합니다. // WWW을 <도메인> .COM 구성을위한 X-프레임 - 옵션 그것은, 클릭 재킹 공격을 방지하기위한 보안 기능입니다</p> <p>기술적으로 악 피해자 페이지의 소스와 iframe이 있습니다.</p> <pre><code><html> <iframe src='victim_domain.com'/> <input id="username" type="text" style="display: none;/> <input id="password" type="text" style="display: none;/> <script> //some JS code that click jacking the user username and input from inside the iframe... <script/> <html> </code></pre> <p>당신은 웹 서버 요청을 방지하려는 경우 X-프레임 옵션을 추가 iframe이 내 렌더링 할</p> <p>옵션은 다음과 같습니다</p> <p>이것은 IIS 설정의 예입니다 :</p> <pre><code> <httpProtocol> <customHeaders> <add name="X-Frame-Options" value="SAMEORIGIN" /> </customHeaders> </httpProtocol> </code></pre> <p>웹 서버가 보안 기능을 활성화 한 경우는 예상대로 클라이언트 측에서 SecurityError의 원인이 될 수 있습니다.</p> </li> <li> <div><hr /></div><h2>4.나를 위해 내가 의미하는 2 웨이 핸드 셰이크를 구현하고 싶었 : - 부모 창은 iframe을 다음 빠르게로드 - iframe이는 준비되는 즉시 부모 창에 이야기해야 - 부모는 iframe이 메시지 및 재생을 수신 할 준비가되어</h2> <p>나를 위해 내가 의미하는 2 웨이 핸드 셰이크를 구현하고 싶었 : - 부모 창은 iframe을 다음 빠르게로드 - iframe이는 준비되는 즉시 부모 창에 이야기해야 - 부모는 iframe이 메시지 및 재생을 수신 할 준비가되어</p> <p>이 코드를 사용하여 iframe이 흰색 라벨을 설정하는 데 사용됩니다 [CSS 사용자 지정 속성] 암호: iframe이</p> <pre><code>$(function() { window.onload = function() { // create listener function receiveMessage(e) { document.documentElement.style.setProperty('--header_bg', e.data.wl.header_bg); document.documentElement.style.setProperty('--header_text', e.data.wl.header_text); document.documentElement.style.setProperty('--button_bg', e.data.wl.button_bg); //alert(e.data.data.header_bg); } window.addEventListener('message', receiveMessage); // call parent parent.postMessage("GetWhiteLabel","*"); } }); </code></pre> <p>부모의</p> <pre><code>$(function() { // create listener var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent"; var eventer = window[eventMethod]; var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message"; eventer(messageEvent, function (e) { // replay to child (iframe) document.getElementById('wrapper-iframe').contentWindow.postMessage( { event_id: 'white_label_message', wl: { header_bg: $('#Header').css('background-color'), header_text: $('#Header .HoverMenu a').css('color'), button_bg: $('#Header .HoverMenu a').css('background-color') } }, '*' ); }, false); }); </code></pre> <p>당연히 당신은 기원과 텍스트를 제한 할 수 있습니다,이 코드 쉬운 작업 함께 내가 도움이 될이 예제를 발견 : [도메인 간 메시징 PostMessage를]</p> </li> <li> <div><hr /></div><h2>5.나는이에 영향을 줄 수 자바 봄의 특정 구성을 추가하고 싶습니다.</h2> <p>나는이에 영향을 줄 수 자바 봄의 특정 구성을 추가하고 싶습니다.</p> <p>웹 사이트 나 게이트웨이 응용 프로그램에서 contentSecurityPolicy 설정이 있습니다</p> <p>봄에 당신은 WebSecurityConfigurerAdapter 서브 클래스의 구현을 찾을 수 있습니다</p> <pre><code>contentSecurityPolicy(" script-src 'self' [URLDomain]/scripts ; style-src 'self' [URLDomain]/styles; frame-src 'self' [URLDomain]/frameUrl... </code></pre> <p>...</p> <pre><code>.referrerPolicy(ReferrerPolicyHeaderWriter.ReferrerPolicy.STRICT_ORIGIN_WHEN_CROSS_ORIGIN) </code></pre> <p>여기에 안전 외부 콘텐츠를 정의하지 않은 경우 브라우저가 차단됩니다.</p> </li> <li> <div><hr /></div><h2>6.당신은 iframe의 내용에 대한 제어가있는 경우 - 인이 단지 아마존 기계 터크으로 크로스 기원 설정에서로드 된 경우, - 당신은이 문제를 회피 할 수 <body의 onload = 'my_func을 (my_arg)'> 내부 HTML에 대한 속성.</h2> <p>당신은 iframe의 내용에 대한 제어가있는 경우 - 인이 단지 아마존 기계 터크으로 크로스 기원 설정에서로드 된 경우, - 당신은이 문제를 회피 할 수 <body의 onload = 'my_func을 (my_arg)'> 내부 HTML에 대한 속성.</p> <p>예를 들어, 내부 HTML 위해 사용이 HTML 파라미터 (예 -이 정의하고 내부 몸체 요소의 부모 윈도우를 의미한다) :</p> <p><body의 onLoad = 'changeForm (이) "></p> <p>내부 HTML에서 :</p> <pre><code> function changeForm(window) { console.log('inner window loaded: do whatever you want with the inner html'); window.document.getElementById('mturk_form').style.display = 'none'; </script> </code></pre> </li> <li> <div><hr /></div><h2>7.포함 iframe을하려고하고 용감한와 사이트를 열 때 나는이 오류가 발생했습니다. 나는 문제의 사이트는 "방패 아래"로 변경하면 오류가 멀리 갔다. 분명히, 이것은 다른 용감한으로 사이트를 방문하는 사람이 같은 문제로 실행하기 때문에, 완전한 해결책이 아니다. 실제로 그것을 해결하기 위해 나는이 페이지에있는 다른 것들 중 하나를 수행해야합니다. 하지만 적어도 지금은 어디에 문제가 거짓말을 알고있다.</h2> <p>포함 iframe을하려고하고 용감한와 사이트를 열 때 나는이 오류가 발생했습니다. 나는 문제의 사이트는 "방패 아래"로 변경하면 오류가 멀리 갔다. 분명히, 이것은 다른 용감한으로 사이트를 방문하는 사람이 같은 문제로 실행하기 때문에, 완전한 해결책이 아니다. 실제로 그것을 해결하기 위해 나는이 페이지에있는 다른 것들 중 하나를 수행해야합니다. 하지만 적어도 지금은 어디에 문제가 거짓말을 알고있다.</p> </li> <li> <div><hr /></div><h2>8.chrome.exe의 --user-데이터 DIR = "C : // 크롬 dev에 세션"--disable-웹 보안</h2> <p>chrome.exe의 --user-데이터 DIR = "C : // 크롬 dev에 세션"--disable-웹 보안</p> </li> </ul> <p>from <a href='https://stackoverflow.com/questions/25098021/securityerror-blocked-a-frame-with-origin-from-accessing-a-cross-origin-frame' target='_blank'>https://stackoverflow.com/questions/25098021/securityerror-blocked-a-frame-with-origin-from-accessing-a-cross-origin-frame</a> by cc-by-sa and MIT license</p></div>      <div class="tt_adsense_bottom" style="margin-top:30px;"> <DIV class='ads_adsense_img' style='margin:40px 0px 40px 0px;'> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8393857339019314" data-ad-slot="7474886381" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </DIV> </div>  <script onerror="changeAdsenseToAdfit()" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9527582522912841" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="margin:50px 0; display:block" data-ad-client="ca-pub-9527582522912841" data-ad-slot="4947159016" data-ad-format="auto" data-full-width-responsive="true" data-ad-type="inventory" data-ad-adfit-unit="DAN-HCZEy0KQLPMGnGuC"></ins> <script id="adsense_script"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script> if(window.ObserveAdsenseUnfilledState !== undefined){ ObserveAdsenseUnfilledState(); } </script> <div class="container_postbtn #post_button_group"> <div class="postbtn_like"><script>window.ReactionButtonType = 'reaction'; window.ReactionApiUrl = '//cnpnote.tistory.com/reaction'; window.ReactionReqBody = { entryId: 18836 }</script> <div class="wrap_btn" id="reaction-18836" data-tistory-react-app="Reaction"></div><div class="wrap_btn wrap_btn_share"><button type="button" class="btn_post sns_btn btn_share" aria-expanded="false" data-thumbnail-url="https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png" data-title="[JQUERY] 오류 SecurityError는 : 크로스 원점 프레임 액세스 원점으로 프레임을 차단" data-description="오류 SecurityError는 : 크로스 원점 프레임 액세스 원점으로 프레임을 차단 해결법 1.당신이 그것을 할 수 있다면 당신은 해당 자바 스크립트를 사용하여 서로 다른 기원, 그것은 것 거대한 보안 결함에 액세스 할 수 없습니다. 동일 출처에 대한 정책 브라우저는 스크립트를 다른 원점 프레임에 액세스하려고 차단합니다. 당신이 그것을 할 수 있다면 당신은 해당 자바 스크립트를 사용하여 서로 다른 기원, 그것은 것 거대한 보안 결함에 액세스 할 수 없습니다. 동일 출처에 대한 정책 브라우저는 스크립트를 다른 원점 프레임에 액세스하려고 차단합니다. 주소의 다음과 같은 부분 중 하나 이상이 유지되지 않는 경우 원산지가 다른 것으로 간주됩니다 : protocol://hostname:port/... 당신이 프.." data-profile-image="https://t1.daumcdn.net/tistory_admin/static/manage/images/r3/default_L.png" data-profile-name="cnpnote" data-pc-url="https://cnpnote.tistory.com/entry/JQUERY-%EC%98%A4%EB%A5%98-SecurityError%EB%8A%94-%ED%81%AC%EB%A1%9C%EC%8A%A4-%EC%9B%90%EC%A0%90-%ED%94%84%EB%A0%88%EC%9E%84-%EC%95%A1%EC%84%B8%EC%8A%A4-%EC%9B%90%EC%A0%90%EC%9C%BC%EB%A1%9C-%ED%94%84%EB%A0%88%EC%9E%84%EC%9D%84-%EC%B0%A8%EB%8B%A8" data-relative-pc-url="/entry/JQUERY-%EC%98%A4%EB%A5%98-SecurityError%EB%8A%94-%ED%81%AC%EB%A1%9C%EC%8A%A4-%EC%9B%90%EC%A0%90-%ED%94%84%EB%A0%88%EC%9E%84-%EC%95%A1%EC%84%B8%EC%8A%A4-%EC%9B%90%EC%A0%90%EC%9C%BC%EB%A1%9C-%ED%94%84%EB%A0%88%EC%9E%84%EC%9D%84-%EC%B0%A8%EB%8B%A8" data-blog-title="복붙노트"><span class="ico_postbtn ico_share">공유하기</span></button> <div class="layer_post" id="tistorySnsLayer"></div> </div><div class="wrap_btn wrap_btn_etc" data-entry-id="18836" data-entry-visibility="public" data-category-visibility="public"><button type="button" class="btn_post btn_etc2" aria-expanded="false"><span class="ico_postbtn ico_etc">게시글 관리</span></button> <div class="layer_post" id="tistoryEtcLayer"></div> </div></div> <button type="button" class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="2840920" data-url="https://cnpnote.tistory.com/entry/JQUERY-%EC%98%A4%EB%A5%98-SecurityError%EB%8A%94-%ED%81%AC%EB%A1%9C%EC%8A%A4-%EC%9B%90%EC%A0%90-%ED%94%84%EB%A0%88%EC%9E%84-%EC%95%A1%EC%84%B8%EC%8A%A4-%EC%9B%90%EC%A0%90%EC%9C%BC%EB%A1%9C-%ED%94%84%EB%A0%88%EC%9E%84%EC%9D%84-%EC%B0%A8%EB%8B%A8" data-device="web_pc" data-tiara-action-name="구독 버튼_클릭"><em class="txt_state"></em><strong class="txt_tool_id">복붙노트</strong><span class="img_common_tistory ico_check_type1"></span></button> <div data-tistory-react-app="SupportButton"></div> </div>  <div class="another_category another_category_color_gray"> <h4>'<a href="/category/JQUERY">JQUERY</a>' 카테고리의 다른 글</h4> <table> <tr> <th><a href="/entry/JQUERY-%EC%96%B4%EB%96%BB%EA%B2%8C-%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C-%EC%86%8C%ED%94%84%ED%8A%B8-JSON-%EB%82%A0%EC%A7%9C%EB%A5%BC-%ED%8F%AC%EB%A7%B7%ED%95%A9%EB%8B%88%EA%B9%8C">[JQUERY] 어떻게 마이크로 소프트 JSON 날짜를 포맷합니까?</a>  <span>(0)</span></th> <td>2020.09.21</td> </tr> <tr> <th><a href="/entry/JQUERY-jQuery%EB%A1%9C-%EB%AF%B8%EB%A6%AC%EB%A1%9C%EB%93%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80">[JQUERY] jQuery로 미리로드 이미지</a>  <span>(0)</span></th> <td>2020.09.21</td> </tr> <tr> <th><a href="/entry/JQUERY-%ED%95%A9%EB%8B%88%EA%B9%8C-ID%EB%8A%94-%EC%A0%84%EC%B2%B4-%ED%8E%98%EC%9D%B4%EC%A7%80%EC%97%90%EC%84%9C-%EA%B3%A0%EC%9C%A0%ED%95%B4%EC%95%BC">[JQUERY] 합니까 ID는 전체 페이지에서 고유해야?</a>  <span>(0)</span></th> <td>2020.09.21</td> </tr> <tr> <th><a href="/entry/JQUERY-jQuery%EB%A5%BC-%EB%AA%A8%EB%B0%94%EC%9D%BC-%EB%AC%B8%EC%84%9C-%EC%A4%80%EB%B9%84-%EB%8C%80-%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%9D%B4%EB%B2%A4%ED%8A%B8">[JQUERY] jQuery를 모바일 : 문서 준비 대 페이지 이벤트</a>  <span>(0)</span></th> <td>2020.09.21</td> </tr> <tr> <th><a href="/entry/JQUERY-%EB%8F%99%EC%A0%81%EC%9C%BC%EB%A1%9C-%EC%83%9D%EC%84%B1-%EB%90%9C-%EC%9A%94%EC%86%8C%EC%97%90-%EC%9E%91%EB%8F%99%ED%95%98%EC%A7%80-%EC%95%8A%EB%8A%94-%EC%9D%B4%EB%B2%A4%ED%8A%B8%EB%A5%BC-%ED%81%B4%EB%A6%AD-%EC%A4%91%EB%B3%B5">[JQUERY] 동적으로 생성 된 요소에 작동하지 않는 이벤트를 클릭 [중복]</a>  <span>(0)</span></th> <td>2020.09.21</td> </tr> </table> </div>  </div> <div class="entry-footer"> <div class="actionTrail"> <a href="#tb" onclick=""></a>, <a href="#rp" onclick=""></a> </div> <div data-tistory-react-app="Namecard"></div> </div> </div> </div> </article> </div> <aside role="complementary" id="sidebar"> <div class="container"> <div class="sidebar-inner"> <div class="module module_plugin">  <ins class="kakao_ad_area" style="display:none;" data-ad-unit = "DAN-ubre63wuo3sm" data-ad-width = "160" data-ad-height = "600"></ins> <script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script>  </div>  <div class="widget widget-search col-md-3 col-xs-12"> <h3><i class="icon-magnifier icons"></i> Search</h3> <input type="text" name="search" value="" onkeypress="if (event.keyCode == 13) { try { window.location.href = '/search' + '/' + looseURIEncode(document.getElementsByName('search')[0].value); document.getElementsByName('search')[0].value = ''; return false; } catch (e) {} }"/> <input value="검색" type="button" onclick="try { window.location.href = '/search' + '/' + looseURIEncode(document.getElementsByName('search')[0].value); document.getElementsByName('search')[0].value = ''; return false; } catch (e) {}" class="btn btn-default btn-sm"/> </div>  <div class="widget widget-category col-md-3 col-xs-12"> <h3><i class="icon-direction icons"></i> 카테고리</h3> <ul class="tt_category"><li class=""><a href="/category" class="link_tit"> 분류 전체보기 </a> <ul class="category_list"><li class=""><a href="/category/PHP" class="link_item"> PHP </a></li> <li class=""><a href="/category/%EC%8A%A4%ED%81%AC%EB%9E%98%EC%B9%98%203.0" class="link_item"> 스크래치 3.0 </a></li> <li class=""><a href="/category/PYTHON" class="link_item"> PYTHON </a></li> <li class=""><a href="/category/SPRING" class="link_item"> SPRING </a></li> <li class=""><a href="/category/HADOOP" class="link_item"> HADOOP </a></li> <li class=""><a href="/category/SCALA" class="link_item"> SCALA </a></li> <li class=""><a href="/category/MONGODB" class="link_item"> MONGODB </a></li> <li class=""><a href="/category/REDIS" class="link_item"> REDIS </a></li> <li class=""><a href="/category/RUBY-ON-RAILS" class="link_item"> RUBY-ON-RAILS </a></li> <li class=""><a href="/category/SQL" class="link_item"> SQL </a></li> <li class=""><a href="/category/NODEJS" class="link_item"> NODEJS </a></li> <li class=""><a href="/category/JQUERY" class="link_item"> JQUERY </a></li> <li class=""><a href="/category/ANDROID" class="link_item"> ANDROID </a></li> <li class=""><a href="/category/SWIFT" class="link_item"> SWIFT </a></li> <li class=""><a href="/category/HTML" class="link_item"> HTML </a></li> <li class=""><a href="/category/CSS" class="link_item"> CSS </a></li> <li class=""><a href="/category/REACTJS" class="link_item"> REACTJS </a></li> <li class=""><a href="/category/VUEJS" class="link_item"> VUEJS </a></li> <li class=""><a href="/category/WORDPRESS" class="link_item"> WORDPRESS </a></li> <li class=""><a href="/category/ANGULAR" class="link_item"> ANGULAR </a></li> <li class=""><a href="/category/MICROSERVICE" class="link_item"> MICROSERVICE </a></li> <li class=""><a href="/category/DJANGO" class="link_item"> DJANGO </a></li> <li class=""><a href="/category/FLASK" class="link_item"> FLASK </a></li> <li class=""><a href="/category/APACHE" class="link_item"> APACHE </a></li> <li class=""><a href="/category/GO" class="link_item"> GO </a></li> <li class=""><a href="/category/JAVA" class="link_item"> JAVA </a></li> <li class=""><a href="/category/FLUTTER" class="link_item"> FLUTTER </a></li> <li class=""><a href="/category/REACTIVE" class="link_item"> REACTIVE </a></li> <li class=""><a href="/category/SPA" class="link_item"> SPA </a></li> </ul> </li> </ul> </div>  <div class="widget widget-tag col-md-3 col-xs-12"> <h3><i class="icon-tag icons"></i> 태그목록</h3> <ul> <li><a href="/tag/mysql" class="cloud4"> mysql</a></li> <li><a href="/tag/php" class="cloud4"> php</a></li> <li><a href="/tag/sql" class="cloud2"> sql</a></li> <li><a href="/tag/HADOOP" class="cloud3"> HADOOP</a></li> <li><a href="/tag/spring-mvc" class="cloud4"> spring-mvc</a></li> <li><a href="/tag/spring" class="cloud1"> spring</a></li> <li><a href="/tag/java" class="cloud2"> java</a></li> <li><a href="/tag/PYTHON" class="cloud3"> PYTHON</a></li> <li><a href="/tag/javascript" class="cloud4"> javascript</a></li> <li><a href="/tag/jQuery" class="cloud4"> jQuery</a></li> </ul> </div>  <div class="widget widget-post col-md-3 col-xs-12"> <h3><i class="icon-list icons"></i> 최근에 올라온 글 </h3> <ul> </ul> </div> </div> </div> </div> </aside> <footer role="contentinfo"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 footer-menu"> <a href="https://cnpnote.tistory.com/tag"><i class="icon-tag icons"></i> </a> <a href="https://cnpnote.tistory.com/rss" onclick="window.open(this.href); return false"><i class="icon-feed icons"></i> </a> </div> <div class="col-xs-12 col-sm-12 col-md-12 footer-copyright text-right"> <a href="https://cnpnote.tistory.com/"> cnpnote</a>'s Blog is powered by <a href="http://daum.net" onclick="window.open(this.href); return false">Daumkakao</a> / Designed by <a href="http://ongal.tistory.com">CEOSEO</a> </div> </div> </div> </footer>  <script src="https://tistory1.daumcdn.net/tistory/2840920/skin/images/jquery-1.11.0.min.js?_version_=1583344392"></script> <div class="#menubar menu_toolbar "> <h2 class="screen_out">티스토리툴바</h2> <div class="btn_tool"><button class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="2840920" data-url="https://cnpnote.tistory.com" data-device="web_pc"><strong class="txt_tool_id">복붙노트</strong><em class="txt_state">구독하기</em><span class="img_common_tistory ico_check_type1"></span></button></div></div> <div class="#menubar menu_toolbar "></div> <div class="layer_tooltip"> <div class="inner_layer_tooltip"> <p class="desc_g"></p> </div> </div> <iframe id="editEntry" style="position:absolute;width:1px;height:1px;left:-100px;top:-100px" src="//cnpnote.tistory.com/api">