CINXE.COM
네이버 포스트
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="robots" content="noindex,nofollow" /> <meta name="referrer" content="always" /> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=medium-dpi,viewport-fit=cover"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="format-detection" content="telephone=no"> <meta property="og:type" content="website"> <meta property="og:url" content="https://m.post.naver.com/"> <meta property="og:image" content="https://ssl.pstatic.net/static.post/image/icon/post_ico_270X270.png"> <meta property="og:description" content="콘텐츠 전문가가 모여있는 네이버 포스트, 시리즈 연재, 카드형 글쓰기, 주제별 포스트" /> <meta property="og:title" content="네이버 포스트" > <meta property="post:sharer_text" content="" > <title>네이버 포스트</title> <link rel="shortcut icon" type="image/x-icon" href="https://ssl.pstatic.net/static/post/image/icon/n_230612/favicon.ico"> <link rel="apple-touch-icon-precomposed" href="https://ssl.pstatic.net/static/post/image/icon/n_230612/post_ico_144X144.png"> <link rel="stylesheet" type="text/css" href="https://ssl.pstatic.net/static.post/static/m/202410230057/css/min/likeItList_post.css"> <link rel="stylesheet" type="text/css" href="https://ssl.pstatic.net/static.post/static/m/202410230057/css/min/w.css"> <link rel="stylesheet" type="text/css" href="https://ssl.pstatic.net/static.post/static/m/202410230057/css/min/w2.css"> <link rel="stylesheet" type="text/css" href="https://ssl.pstatic.net/static.post/static/m/202410230057/css/min/patron_post.css"> <link rel="stylesheet" type="text/css" href="https://ssl.pstatic.net/static.post/static/m/202410230057/css/min/prismplayer-pc-se-0.4.5.css"> <script type="text/javascript"> nhn=window.nhn||{};mug=nhn.mug=window.mug||{};mug.$=mug.$||{};mug.$.User={isLoggedIn:false,id:null,memberNo:null,type:"AUTHOR",blockType:""};mug.$.UserAgent={isInapp:false,isMobile:false,isTablet:false,isLolipopNaverApp:false,isInNaverApp:false,osName:"Etc",osVersion:"0",isEditProfileSupport:false,appSVC:"",appVer:"",isInBlogApp:false,isRos:false,urlExtension:"naver"};mug.$.Props={jsDir:"https://ssl.pstatic.net/static.post/static/m/202410230057/js/min",cssDir:"https://ssl.pstatic.net/static.post/static/m/202410230057/css/min",ugcEditorUrl:"https://post.editor.naver.com",ugcEditorFlag:"true"==="true"};window.__jsLoad__=window.__jsLoad__||{};document.documentElement.setAttribute("data-useragent",navigator.userAgent);window.__mugFnList__=[];if(!window.location.origin){window.location.origin=window.location.protocol+"//"+window.location.hostname+(window.location.port?":"+window.location.port:"")};</script><!--[if IE 8]> <script type="text/javascript" src="https://ssl.pstatic.net/static.post/static/m/202410230057/js/min/lib/ie8.js"></script> <script type="text/javascript" src="https://ssl.pstatic.net/static.post/static/m/202410230057/js/min/lib/hammer-compatible.js"></script> <![endif]--> <!--[if lt IE 9]> <link rel="stylesheet" type="text/css" data-ie8-css href="https://ssl.pstatic.net/static.post/static/m/202410230057/css/min/ie8.css" /> <script type="text/javascript" src="https://ssl.pstatic.net/static.post/static/m/202410230057/js/min/lib/respond.src.js"></script> <script type="text/javascript" src="https://ssl.pstatic.net/static.post/static/m/202410230057/js/min/lib/html5.js"></script> <![endif]--> <script type="text/javascript" src="https://ssl.pstatic.net/static.post/static/m/202410230057/js/min/post_m_base.js"></script> <script type="text/javascript" src="https://ssl.pstatic.net/static.post/static/m/202410230057/js/min/prismplayer-pc-0.4.5.min.js"></script> <script type="text/javascript"> function __fnExecMugFnList__() { if (!!window.__mugFnList__ && __mugFnList__.length > 0) { for (var i = 0, len = __mugFnList__.length; i < len; i++) { if (typeof __mugFnList__[i] == "function") { __mugFnList__[i](); __mugFnList__[i] = null; } } } } __fnExecMugFnList__(); </script> </head> <body class="pc " style=""> <div class="blind" aria-hidden="true"><a href="#cont">본문 바로가기</a></div> <div id="wrap"> <div id="header" class="main scroll_up"> <div class="gnb" role="banner"> <a href="http://www.naver.com" target="_blank" class="naver_logo" onclick="mug.common.nclick(this, 'gnb.naver');"><i class="ico_naver_logo" role="img">네이버</i></a> <h1><a class="logo1" href="/" onclick="mug.common.nclick(this, 'gnb.title');"><span class="ico_post_logo" role="img">포스트 beta</span></a></h1> <a href="/search/default.naver" class="btn_gnb_search" onclick="mug.common.nclick(this, 'gnb.search');"><span class="ico_search noevent" role="img">포스트 검색</span></a> <a href="#" class="btn_gnb_write" onclick="mug.common.nclick(this, 'gnb.write');mug.common.moveToAppLauncherUgcEditorUrl();"><span class="ico_write noevent" role="img">포스트 쓰기</span></a> </div> <div class="nav" role="navigation"> <ul> <!-- [D] 각 li 내부의 한글은 blind 클래스 토글입니다. --> <li class="discover off"><a href="/navigator.naver" class="_nav_item" onclick="mug.common.nclick(this, 'lnb.best');"><span class="label noevent">베스트</span></a></li> <li class="feed off"><a href="/feed.naver" class="_nav_item" onclick="mug.common.nclick(this, 'lnb.feed');"><span class="label noevent">피드</span></a></li> <li class="notice off"> <!-- [D] 새알림 노출 6자까지 표현 가능. --> <a href="/my/newsList.naver" onclick="mug.common.nclick(this, 'lnb.notice');"><span class="label alarm">알림</span></a> </li> <li class="my off"><a href="/my.naver?isHome=1" class="_nav_item" onclick="mug.common.nclick(this, 'lnb.my');"><span class="label noevent">MY</span></a></li> </ul> <a href="/my.naver?memberNo=201497" class="btn_support" onclick="mug.common.nclick(this, 'new.gomss');">포스트 소식</a> </div> </div> <div id="cont" class="home" role="main"> <div class="find_wrap discover_wrap"> <div class="discover_ct"> <div id="_list_container" class="lst_wrap"> <div id="__tmp_recommend_card_wrap"></div> <div id="more_btn" class="btn_paging_area" style="display:none"> <button type="button" class="btn_lst_more" onclick="mug.common.nclick(this, 'bes.rankmore');">더보기<span class="ico_arrow"></span></button> </div> <div id="more_loading_img" class="loading_t1" style="display:none;"> <img src="https://ssl.pstatic.net/static.post/image/m/im/loader.gif" width="24" height="24" alt="로딩중"> </div> </div> </div> </div> </div> </div> <!-- <footer> --> <div id="footer" role="contentinfo"> <button type="button" class="btn_pg_top" onclick="window._nsc=window.nsc;window.nsc='m.post.all';mug.common.nclick(this, 'fot.top');window.nsc=window._nsc;window.scrollTo(0,0)"> TOP </button> <div class="btn_area"> <div class="set"> <a class="btn_t1" href="#" onclick="window._nsc=window.nsc;window.nsc='m.post.all';mug.common.nclick(this, 'fot.login');window.nsc=window._nsc;mug.common.checkLogin(); return false;">로그인</a> <a class="btn_t1" href="http://m.naver.com/services.html" onclick="window._nsc=window.nsc;window.nsc='m.post.all';mug.common.nclick(this, 'fot.sitemap');window.nsc=window._nsc;">전체서비스</a> </div> <div class="set"> <a class="btn_t2" href="https://help.naver.com/alias/post/postm/npost00.naver" onclick="window._nsc=window.nsc;window.nsc='m.post.all';mug.common.nclick(this, 'fot.help');window.nsc=window._nsc;"><span>포스트 고객센터</span></a><a class="btn_t2" href="https://help.naver.com/alias/post/postm/npost01.naver" onclick="window._nsc=window.nsc;window.nsc='m.post.all';mug.common.nclick(this, 'fot.report');window.nsc=window._nsc;"><span>오류신고</span></a> </div> <a href="http://www.navercorp.com/ko/index.nhn" onclick="window._nsc=window.nsc;window.nsc='m.post.all';mug.common.nclick(this, 'fot.nhncorp');window.nsc=window._nsc;">ⓒ NAVER Corp.</a> </div> </div> <!-- </footer> --> <script type="text/x-mug-layer-template" id="__template_promotion_ranking"> <div class="__layer_promotion_ranking"> <div class="popup_layer layer_promotion_ranking"> <div class="cont_area blind"> <em>좋은 글만 쏙쏙</em> <p>주제별 좋은 포스트를 쉽게 찾아볼 수 있는 TOP100을 오픈했어요!</p> </div> <div class="btn_area"> <a href="/viewer/postView.naver?volumeNo=5130637&memberNo=201497" class="btn">안내가이드 보기</a> <a href="/navigator.naver" class="btn">TOP100 보기</a> </div> <button class="btn_close" type="button" onclick="jQuery(document.body).removeClass('is_noscroll');jQuery('.__layer_promotion_ranking').remove();return false;">닫기</button> </div> <div class="dim on" onclick="jQuery(document.body).removeClass('is_noscroll');jQuery('.__layer_promotion_ranking').remove();return false;"></div> </div></script> <script type="text/x-mug-layer-template" id="__template_editor_warning"> <div class="__template_editor_warning"> <div class="popup_w pop_link app_link" style="display:block;"> <div class="popup"> <div class="pop_cont"> 포스트앱/PC에서 작성한 글은<br/> 모바일웹에서 수정할 수 없습니다.<br/> 포스트앱에서 수정하시겠습니까? <button type="button" class="btn_t1" onclick="window.top.location.href='https://post.naver.com/appLauncher.naver?scheme=open%3FvolumeNo%3D{=volumeNo}%26memberNo%3D{=memberNo}%26version%3D1'; return false;"><span>앱에서 수정하기</span></button> </div> <button class="btn_close" onclick="jQuery('.__template_editor_warning').remove(); return false;"><i class="blind">팝업닫기</i></button> </div> </div> <div class="dim on"></div> </div></script> <script type="text/x-mug-layer-template" id="__template_popular_editor_follow_MYFEED"> <div class="__template_popular_editor_follow"> <div class="popup_layer layer_myfeed_follow"> <div class="cont_area"> <div class="spot"> <img src="https://ssl.pstatic.net/static/post/img_my_feed_follow.png" alt="팔로우하고 네이버홈 추천·구독으로 받아보세요."> </div> <div class="cont"> 팔로우하셨군요! <br/>다음 글은 <em>네이버홈 추천·구독</em>에서 <br/> 쉽게 받아보세요. </div> </div> <div class="btn_area"> <a href="#" class="btn" onclick="mug.common.nclick(this, 'mfo.close');jQuery('.__template_popular_editor_follow').remove(); return false;">닫기</a> <a href="#" class="btn" onclick="mug.common.nclick(this, 'mfo.add');mug.contents.util.applyMyFeedNoti('', '');">확인</a> </div> </div> <div class="dim on" onclick="mug.common.nclick(this, 'mfo.close');jQuery('.__template_popular_editor_follow').remove(); return false;"></div> </div></script> <script type="text/x-mug-layer-template" id="__template_popular_editor_follow_MYFEED_2nd"> <div class="__template_popular_editor_follow"> <div class="popup_layer layer_myfeed"> <div class="cont_area"> <div class="spot"> <img src="https://ssl.pstatic.net/static/post/img_my_feed_follow.png" alt="팔로우하고 네이버홈 추천·구독으로 받아보세요."> </div> <div class="cont"> <em></em>님의 포스트를 <br/> 네이버홈에서 받아보기 </div> <div class="description">팔로우하고 네이버홈 추천·구독으로 받아보세요.</div> </div> <div class="btn_area"> <a href="#" class="btn" onclick="mug.common.nclick(this, 'mfo.close2');jQuery('.__template_popular_editor_follow').remove(); return false;">취소</a> <a href="#" class="btn" onclick="mug.common.nclick(this, 'mfo.add2');mug.contents.util.followAndMyFeedNoti('', '', myFeedKey);">확인</a> </div> </div> <div class="dim on" onclick="mug.common.nclick(this, 'mfo.close2');jQuery('.__template_popular_editor_follow').remove(); return false;"></div> </div></script> <script type="text/javascript" src="https://ssl.pstatic.net/static.post/static/m/202410230057/js/min/post_m_base_bottom.js"></script> <script type="text/javascript" src="https://ssl.pstatic.net/static.post/static/m/202410230057/js/min/renewal/rankingpagehandler.js"></script> <script type="text/javascript"> (function($, window, document) { var $loading = $("#more_loading_img"); $loading.show(); var $win = $(window); var _evtLoad = "onRankingLoad"; var _initialCateNo = "0"; $win.on(_evtLoad, function (){ if (!mug.$.UserAgent.isInapp) { var $elNav = $("#header li.discover"); $elNav.removeClass("off"); $elNav.addClass("on"); } var rankingHandler = window.__rankingHandler = RankingPageHandler({ rankingStartPage : "", rankingTotalCount : "", rankingNextFromNo : "", rankingCategoryNo : _initialCateNo }); ListAutoLoadExecutor(rankingHandler, 100); // nclick용 전역변수. g_nclick_prefix = "home"; }); $win.load(function() { $.ajax({ url: "/async/page1.naver", dataType:"html", data: { rankingCategoryNo : _initialCateNo, wideThumbnail : $(window).width() >= 768 }, success: function(html) { $("#__tmp_recommend_card_wrap").replaceWith(html); $win.trigger(_evtLoad); $loading.hide(); $('body').css('overflowY', 'scroll'); }, error: function(er) { console.log(er); $loading.hide(); } }) }); function endsWith(str, suffix) { if (!str) { return false; } var d = str.length - suffix.length; return d >= 0 && str.lastIndexOf(suffix) === d; } /* $win.on("orientationchange", function(ev) { if (!mug.$.UserAgent.isMobile || mug.$.UserAgent.isTablet) { // console.log("not mobile or tablet - skip"); return; } var width = $win.width(); var height = $win.height(); var isOk = (width < 768 && height < 768); if (isOk) { // console.log("mobile but width < 768 and height < 768 - skip"); return; } // console.log("mobile abnormal width height : " + width + "x" + height); alert("mobile abnormal width height : " + width + "x" + height); var oldThumbType; var newThumbType; if (width < 768) { oldThumbType = "type=fb500_195"; newThumbType = "type=ff120_120"; } else { oldThumbType = "type=ff120_120"; newThumbType = "type=fb500_195"; } var $thumbnailDivs = $("._rankingList .thumb.__top3"); $thumbnailDivs.each(function() { var thumbDivWidth = $(this).width(); var $thumbImg = $(this).find("img"); var imgSrc = $thumbImg.attr("src"); if (!!imgSrc) { // orientation change / resize / scroll - mug.contents.util.js 의 lazy load에 영향을 받고 있다... // 무력화되지 않게 겹치지 않도록 data-src 와 src 를 모두 변경함 // data-src까지 바꿔놓으면 순서가 어찌되었든 상관없다. // mug.contents.util.js 쪽이 먼저 실행 -> 먼저 실행된 쪽에선 잘못된 썸네일이겠지만 여기서 올바른 src로 정정됨 // mug.contents.util.js 쪽이 나중 실행 -> 여기서 바꿔놓은 src, data-src를 보고 다시 바꾸는 시도를 하겠지만 이미 올바로 바뀐 상태. var newSrc = imgSrc.replace(oldThumbType, "").replace(newThumbType, ""); if (imgSrc != newSrc) { newSrc += newThumbType; // console.log("newSrc = " + newSrc); $thumbImg.attr("data-src", newSrc); $thumbImg.attr("src", newSrc); } } }); }); */ function defaultVolumeImageOnerror(obj){ var imgObj = $(obj); imgObj.remove(); } function nothumbOnerror(obj){ var imgObj = $(obj); imgObj.parent().addClass("no_thumb"); imgObj.remove(); } window.defaultVolumeImageOnerror = defaultVolumeImageOnerror; window.nothumbOnerror = nothumbOnerror; if (eg.agent().os.name == "ios") { $('.rank_cont a[target="_blank"]').removeAttr('target'); } })(jQuery, window, document); </script> <script type="text/javascript"> !function($, window) { $(window).load(function() { }); }(jQuery, window); </script> <script type="text/x-mug-layer-template" id="__custom_alert_layer_template"> <div class="ly_msg" id="__custom_alert_layer" style="z-index:5000;display:none;position:fixed;display:block;-webkit-animation:disappear {=duration}s ease-in-out;-webkit-animation-fill-mode:forwards"> <span>{=message}</span> </div> </script> <script type="text/javascript" src="https://ssl.pstatic.net/static.post/static/m/202410230057/js/min/renewal/gnbhandler.js"></script> <script type="text/javascript"> !function($) { __appHeaderParams__="";lcs_do();window.nsc="Mpost.home";window.ccsrv="cc.naver.com";$(window).load(function(){});mug.common.util.attachOnError(); $(document).ready(function() { if (!mug.$.UserAgent.isInapp && !!window.GnbHandler) { new GnbHandler().start(); } }); }(jQuery); </script> </body> </html>