Black Box Recorder - These Are The Things 밀크의 정보/음악공간 2021. 3. 4. 22:14 <div class="postbtn_like"><script>window.ReactionButtonType = 'reaction'; window.ReactionApiUrl = '//deep-story.tistory.com/reaction'; window.ReactionReqBody = { entryId: 73 }</script> <div class="wrap_btn" id="reaction-73"></div> <script src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-c9fbfae426e43fbd9d07ad246065fb3a17523cb3/static/script/reaction-button-container.min.js"></script><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="Black Box Recorder - These Are The Things" data-description="<iframe src="https://play-tv.kakao.com/embed/player/cliplink/Ddm8kkPw_sM$@my?playsinline=1" data-profile-image="https://tistory1.daumcdn.net/tistory/4449000/attach/c47c04b19dc4410f804d8d34df2742c6" data-profile-name="I'm milk :)" data-pc-url="https://deep-story.tistory.com/73" data-relative-pc-url="/73" data-blog-title="DEEP STORY"><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="73" 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="4449000" data-url="https://deep-story.tistory.com/73" data-device="web_pc"><em class="txt_state">구독하기</em><strong class="txt_tool_id">DEEP STORY</strong><span class="img_common_tistory ico_check_type1"></span></button> <div data-tistory-react-app="SupportButton"></div> </div> <!-- PostListinCategory - START --> <div class="another_category another_category_color_gray"> <h4>'<a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4">밀크의 정보</a> > <a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4/%EC%9D%8C%EC%95%85%EA%B3%B5%EA%B0%84">음악공간</a>' 카테고리의 다른 글</h4> <table> <tr> <th><a href="/74">Ne Yo-One In A Million</a> <span>(0)</span></th> <td>2021.03.04</td> </tr> <tr> <th><a href="/72">에피톤프로젝트 - 봄날, 벚꽃 그리고 너</a> <span>(0)</span></th> <td>2021.03.04</td> </tr> <tr> <th><a href="/71">Ranetki - O Tebe (Ranetki Girls)</a> <span>(0)</span></th> <td>2021.03.04</td> </tr> <tr> <th><a href="/70">Neyo - Beautiful Monster</a> <span>(0)</span></th> <td>2021.03.04</td> </tr> <tr> <th><a href="/69">George Winston - Thanksgiving</a> <span>(0)</span></th> <td>2021.03.04</td> </tr> </table> </div> <!-- PostListinCategory - END --> </div> </div> <div class="jb-adsense jb-adsense-cb"> <div class="module module_plugin"><!-- SB_Banner - START --> <tenping class="adsbytenping" style="width: 100%; margin: 0px auto; display: block; max-width: 768px;" tenping-ad-client="aCJdb0ha5Il8%2bupdHfhbt5otRLRTcIIEFT0tUDxj1Ti5pButmbDZOvfeBCbgS%2bFL" tenping-ad-display-type="67%2be3LHzHbblsB9oLrOpWQ%3d%3d"></tenping><script async src='//ads.tenping.kr/scripts/adsbytenping.min.js' ></script> <!-- SB_Banner - END --> </div> </div> <!-- SNS Share --> <div class="jb-wrap-sns-share"> <p>이 글을 공유하기</p> <div class="jb-sns-share jb-sns-share-facebook"> <a href="#" onclick="javascript:window.open( 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent( document.URL ) + '&t=' + encodeURIComponent( document.title ), 'jb-share-window-facebook', 'menubar=no, toolbar=no, resizable=yes, scrollbars=yes, width=600, height=600' ); return false;" target="_blank"><div class="jb-sns-share-logo"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-sns-logo-facebook.png" alt=""></div><div class="jb-sns-share-label">Facebook</div></a> </div> <div class="jb-sns-share jb-sns-share-twitter"> <a href="#" onclick="javascript:window.open( 'https://twitter.com/intent/tweet?text=' + encodeURIComponent( document.title ) + '%20(' + encodeURIComponent( document.URL ) + ')', 'jb-share-window-google-plus', 'menubar=no, toolbar=no, resizable=yes, scrollbars=yes, width=600, height=600' ); return false;" target="_blank"><div class="jb-sns-share-logo"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-sns-logo-twitter.png" alt=""></div><div class="jb-sns-share-label">Twitter</div></a> </div> <div class="jb-sns-share jb-sns-share-google-plus"> <a href="#" onclick="javascript:window.open( 'https://plus.google.com/share?url=' + encodeURIComponent( document.URL ), 'jb-share-window-google-plus', 'menubar=no, toolbar=no, resizable=yes, scrollbars=yes, width=600, height=600' ); return false;" target="_blank"><div class="jb-sns-share-logo"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-sns-logo-google-plus.png" alt=""></div><div class="jb-sns-share-label">Google +</div></a> </div> <div class="jb-sns-share jb-sns-share-kakaostory"> <a href="#" onclick="javascript:window.open( 'https://story.kakao.com/share?url=' + encodeURIComponent( document.URL ), 'jb-share-window-kakostory', 'menubar=no, toolbar=no, resizable=yes, scrollbars=yes, width=600, height=600' ); return false;" target="_blank"><div class="jb-sns-share-logo"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-sns-logo-kakaostory.png" alt=""></div><div class="jb-sns-share-label">Kakao</div></a> </div> <div class="jb-sns-share jb-sns-share-naver"> <a href="#" onclick="javascript:window.open( 'https://share.naver.com/web/shareView.nhn?url=' + encodeURIComponent( document.URL ) + '&title=' + encodeURIComponent( document.title ), 'jb-share-window-naver', 'menubar=no, toolbar=no, resizable=yes, scrollbars=yes, width=600, height=600' ); return false;" target="_blank"><div class="jb-sns-share-logo"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-sns-logo-naver.png" alt=""></div><div class="jb-sns-share-label">Naver</div></a> </div> </div> <div class="jb-related"> <div class="jb-related-header-table"> <div class="jb-related-header-table-row"> <div class="jb-related-header-table-cell jb-related-header-table-cell-title"> <h2>'밀크의 정보/음악공간' 관련 글</h2> </div> <div class="jb-related-header-table-cell jb-related-header-table-cell-more"> <div class="jb-related-more"><a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4/%EC%9D%8C%EC%95%85%EA%B3%B5%EA%B0%84">더 보기</a></div> </div> </div> </div> <div class="jb-cell jb-cell-content jb-cell-index jb-cell-index-related text_type"> <div class="jb-index-table jb-index-table-related"> <div class="jb-index-table-row jb-index-table-row-related"> <div class="jb-index-table-cell jb-index-table-cell-thumbnail jb-index-table-cell-related jb-index-table-cell-thumbnail-related"> <a href="/74?category=995765"> </a> </div> <div class="jb-index-table-cell jb-index-table-cell-information jb-index-table-cell-related jb-index-table-cell-information-related"> <h3 class="jb-index-title jb-index-title-related"><a href="/74?category=995765">Ne Yo-One In A Million</a></h3> <p class="jb-index-information jb-index-information-related"> <span class="jb-index-information-date jb-index-information-date-related">2021.03.04</span> </p> <p class="jb-index-read-more jb-index-read-more-related"><a href="/74?category=995765">더 읽기</a></p> </div> </div> </div> </div> <div class="jb-cell jb-cell-content jb-cell-index jb-cell-index-related text_type"> <div class="jb-index-table jb-index-table-related"> <div class="jb-index-table-row jb-index-table-row-related"> <div class="jb-index-table-cell jb-index-table-cell-thumbnail jb-index-table-cell-related jb-index-table-cell-thumbnail-related"> <a href="/72?category=995765"> </a> </div> <div class="jb-index-table-cell jb-index-table-cell-information jb-index-table-cell-related jb-index-table-cell-information-related"> <h3 class="jb-index-title jb-index-title-related"><a href="/72?category=995765">에피톤프로젝트 - 봄날, 벚꽃 그리고 너</a></h3> <p class="jb-index-information jb-index-information-related"> <span class="jb-index-information-date jb-index-information-date-related">2021.03.04</span> </p> <p class="jb-index-read-more jb-index-read-more-related"><a href="/72?category=995765">더 읽기</a></p> </div> </div> </div> </div> <div class="jb-cell jb-cell-content jb-cell-index jb-cell-index-related text_type"> <div class="jb-index-table jb-index-table-related"> <div class="jb-index-table-row jb-index-table-row-related"> <div class="jb-index-table-cell jb-index-table-cell-thumbnail jb-index-table-cell-related jb-index-table-cell-thumbnail-related"> <a href="/71?category=995765"> </a> </div> <div class="jb-index-table-cell jb-index-table-cell-information jb-index-table-cell-related jb-index-table-cell-information-related"> <h3 class="jb-index-title jb-index-title-related"><a href="/71?category=995765">Ranetki - O Tebe (Ranetki Girls)</a></h3> <p class="jb-index-information jb-index-information-related"> <span class="jb-index-information-date jb-index-information-date-related">2021.03.04</span> </p> <p class="jb-index-read-more jb-index-read-more-related"><a href="/71?category=995765">더 읽기</a></p> </div> </div> </div> </div> <div class="jb-cell jb-cell-content jb-cell-index jb-cell-index-related text_type"> <div class="jb-index-table jb-index-table-related"> <div class="jb-index-table-row jb-index-table-row-related"> <div class="jb-index-table-cell jb-index-table-cell-thumbnail jb-index-table-cell-related jb-index-table-cell-thumbnail-related"> <a href="/70?category=995765"> </a> </div> <div class="jb-index-table-cell jb-index-table-cell-information jb-index-table-cell-related jb-index-table-cell-information-related"> <h3 class="jb-index-title jb-index-title-related"><a href="/70?category=995765">Neyo - Beautiful Monster</a></h3> <p class="jb-index-information jb-index-information-related"> <span class="jb-index-information-date jb-index-information-date-related">2021.03.04</span> </p> <p class="jb-index-read-more jb-index-read-more-related"><a href="/70?category=995765">더 읽기</a></p> </div> </div> </div> </div> </div> <p class="jb-discuss-count"> <span class="jb-discuss-count-reply"><a href="#rp" onclick=""><span class="jb-discuss-count-label">댓글</span></a></span> </p> <div data-tistory-react-app="Namecard"></div> </article> </div> </div> <div class="jb-column jb-column-sidebar"> <aside> <h2 class="jb-section-title jb-section-title-sidebar">Sidebar</h2> <!-- Blog Information --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-blog-information"> <div class="jb-sidebar-title jb-sidebar-title-blog-information"> <h3>블로그 정보</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-blog-information"> <p class="jb-blog-information jb-blog-information-image"><img src="https://tistory1.daumcdn.net/tistory/4449000/attach/c47c04b19dc4410f804d8d34df2742c6" alt=""></p> <p class="jb-blog-information jb-blog-information-blogger">I'm milk :)</p> <p class="jb-blog-information jb-blog-information-description">뒤숭숭랄라불르스</p> </div> </div> <div class="module module_plugin"> <!-- SB_Replacer - START --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- B 사이드 하단 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2861897320486463" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- SB_Replacer - END --> </div> <!-- Category --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-category"> <div class="jb-sidebar-title jb-sidebar-title-category"> <h3>카테고리</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-category"> <ul class="tt_category"><li class=""><a href="/category" class="link_tit"> 분류 전체보기 </a> <ul class="category_list"><li class=""><a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4" class="link_item"> 밀크의 정보 </a> <ul class="sub_category_list"><li class=""><a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4/%EC%9D%BC%EC%83%81" class="link_sub_item"> 일상 </a></li> <li class=""><a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4/%EC%83%9D%ED%99%9C%EC%A0%95%EB%B3%B4" class="link_sub_item"> 생활정보 </a></li> <li class=""><a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4/%EA%B1%B4%EA%B0%95%EC%A0%95%EB%B3%B4" class="link_sub_item"> 건강정보 </a></li> <li class=""><a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4/%EA%BF%88%ED%95%B4%EB%AA%BD" class="link_sub_item"> 꿈해몽 </a></li> <li class=""><a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4/%EC%9E%90%EB%8F%99%EC%B0%A8%EA%B3%B5%EA%B0%84" class="link_sub_item"> 자동차공간 </a></li> <li class=""><a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4/%EC%9D%8C%EC%95%85%EA%B3%B5%EA%B0%84" class="link_sub_item"> 음악공간 </a></li> <li class=""><a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4/%EC%97%AC%ED%96%89%EA%B3%B5%EA%B0%84" class="link_sub_item"> 여행공간 </a></li> <li class=""><a href="/category/%EB%B0%80%ED%81%AC%EC%9D%98%20%EC%A0%95%EB%B3%B4/%EC%BB%B4%ED%93%A8%ED%84%B0" class="link_sub_item"> 컴퓨터 </a></li> </ul> </li> <li class=""><a href="/category/%EB%B9%84%EA%B3%B5%EA%B0%9C" class="link_item"> 비공개 </a></li> </ul> </li> </ul> </div> </div> <div class="module module_plugin"> <!-- SB_Replacer - START --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- B 사이드 하단 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2861897320486463" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- SB_Replacer - END --> </div> <!-- Tags --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-tags"> <div class="jb-sidebar-title jb-sidebar-title-tags"> <h3>태그</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-tags"> <ul> <li><a href="/tag/%ED%8F%AC%ED%81%AC%EB%A0%88%EC%9D%B8%EB%B6%95%EB%B6%95%EC%B9%B4" class="cloud3">포크레인붕붕카</a></li> <li><a href="/tag/%EB%B6%80%EC%82%B0%EC%9D%BC%EB%A3%A8%EC%95%84%ED%98%B8%ED%85%94" class="cloud4">부산일루아호텔</a></li> <li><a href="/tag/%EC%9D%8C%EC%95%85" class="cloud1">음악</a></li> <li><a href="/tag/%EB%A7%A5%EB%94%9C%EB%A6%AC%EB%B2%84%EB%A6%AC%EC%A0%84%ED%99%94%EB%B2%88%ED%98%B8" class="cloud4">맥딜리버리전화번호</a></li> <li><a href="/tag/%EA%B2%BD%EB%AF%B8%ED%95%9C%EA%B5%90%ED%86%B5%EC%82%AC%EA%B3%A0%ED%95%A9%EC%9D%98%EA%B8%88" class="cloud4">경미한교통사고합의금</a></li> <li><a href="/tag/%ED%8F%AC%ED%81%AC%EB%A0%88%EC%9D%B8%EB%B6%95%EB%B6%95%EC%B9%B4%EC%95%84%EC%9D%B4%EC%9E%A5%EB%82%9C%EA%B0%90" class="cloud3">포크레인붕붕카아이장난감</a></li> <li><a href="/tag/%EC%95%84%EC%9D%B4%EC%9E%A5%EB%82%9C%EA%B0%90" class="cloud3">아이장난감</a></li> <li><a href="/tag/%EA%B5%B0%EB%8C%80%EC%9E%85%EC%98%81%EC%97%B0%EA%B8%B0" class="cloud4">군대입영연기</a></li> <li><a href="/tag/%EC%8B%B8%EC%9D%B8%EB%A7%8C%EB%93%9C%EB%8A%94%EB%B2%95" class="cloud3">싸인만드는법</a></li> <li><a href="/tag/%ED%95%9C%EA%B5%AD%EC%9A%94%EC%8B%9D%EC%97%85%EC%A4%91%EC%95%99%ED%9A%8C" class="cloud4">한국요식업중앙회</a></li> </ul> </div> </div> <!-- Calendar --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-calendar"> <div class="jb-sidebar-title jb-sidebar-title-calendar"> <h3>달력</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-calendar"> <table class="tt-calendar" cellpadding="0" cellspacing="1" style="width: 100%; table-layout: fixed"> <caption class="cal_month"><a href="/archive/202404" title="1개월 앞의 달력을 보여줍니다.">«</a> <a href="/archive/202405" title="현재 달의 달력을 보여줍니다.">2024/05</a> <a href="/archive/202406" title="1개월 뒤의 달력을 보여줍니다.">»</a></caption> <thead> <tr> <th class="cal_week2">일</th> <th class="cal_week1">월</th> <th class="cal_week1">화</th> <th class="cal_week1">수</th> <th class="cal_week1">목</th> <th class="cal_week1">금</th> <th class="cal_week1">토</th> </tr> </thead> <tbody> <tr class="cal_week cal_current_week"> <td class="cal_day1 cal_day2"> </td> <td class="cal_day1 cal_day2"> </td> <td class="cal_day1 cal_day2"> </td> <td class="cal_day cal_day3">1</td> <td class="cal_day cal_day3">2</td> <td class="cal_day cal_day3">3</td> <td class="cal_day cal_day3">4</td> </tr> <tr class="cal_week"> <td class="cal_day cal_day3 cal_day_sunday">5</td> <td class="cal_day cal_day3">6</td> <td class="cal_day cal_day3">7</td> <td class="cal_day cal_day3">8</td> <td class="cal_day cal_day3">9</td> <td class="cal_day cal_day3">10</td> <td class="cal_day cal_day3">11</td> </tr> <tr class="cal_week"> <td class="cal_day cal_day3 cal_day_sunday">12</td> <td class="cal_day cal_day3">13</td> <td class="cal_day cal_day3">14</td> <td class="cal_day cal_day3">15</td> <td class="cal_day cal_day3">16</td> <td class="cal_day cal_day3">17</td> <td class="cal_day cal_day3">18</td> </tr> <tr class="cal_week"> <td class="cal_day cal_day4 cal_day_sunday">19</td> <td class="cal_day cal_day3">20</td> <td class="cal_day cal_day3">21</td> <td class="cal_day cal_day3">22</td> <td class="cal_day cal_day3">23</td> <td class="cal_day cal_day3">24</td> <td class="cal_day cal_day3">25</td> </tr> <tr class="cal_week"> <td class="cal_day cal_day3 cal_day_sunday">26</td> <td class="cal_day cal_day3">27</td> <td class="cal_day cal_day3">28</td> <td class="cal_day cal_day3">29</td> <td class="cal_day cal_day3">30</td> <td class="cal_day cal_day3">31</td> <td class="cal_day1 cal_day2"> </td> </tr> </tbody> </table> </div> </div> <!-- Statistics --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-statistics"> <div class="jb-sidebar-title jb-sidebar-title-statistics"> <h3>통계</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-statistics jb-sidebar-content-list"> <ul> <li><span class="jb-sidebar-list"><span class="jb-statistics-label">Total : </span><span class="jb-statistics-count"></span></span></li> <li><span class="jb-sidebar-list"><span class="jb-statistics-label">Today : </span><span class="jb-statistics-count"></span></span></li> <li><span class="jb-sidebar-list"><span class="jb-statistics-label">Yesterday : </span><span class="jb-statistics-count"></span></span></li> </ul> </div> </div> </aside> </div> </div> </div> </div> <div class="jb-background jb-background-mb"> <div class="jb-container jb-container-mb"> <div class="jb-row jb-row-mb"> <div class="jb-column jb-column-mb"> <div class="jb-cell jb-cell-mb"> <div class="jb-adsense jb-adsense-mb"> <div class="module module_plugin"> <!-- SB_Replacer - START --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- B 사이드 하단 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2861897320486463" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- SB_Replacer - END --> </div> </div> </div> </div> </div> </div> </div> <div class="jb-background jb-background-footer"> <div class="jb-container jb-container-footer"> <div class="jb-row jb-row-footer"> <div class="jb-line jb-line-footer-top"></div> <div class="jb-column jb-column-footer jb-column-footer-1"> <aside> <h2 class="jb-section-title jb-section-title-footer-1">Footer 1</h2> <!-- Recommended Posts --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-recommended-posts"> <div class="jb-sidebar-title jb-sidebar-title-recommended-posts"> <h3>추천 글</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-recommended-posts jb-sidebar-content-list"> <ul> <li><a href="https://ismilk.tistory.com/entry/온라인광고대행사-제대로-알아고보-선택"><span class="jb-sidebar-list-table"><span class="jb-sidebar-list-table-row"><span class="jb-sidebar-list-table-cell jb-sidebar-list-thumb"></span><span class="jb-sidebar-list-table-cell jb-sidebar-list"><span class="jb-recommended-posts-title">온라인광고대행사 제대로 알아보고 선택</span></span></span></span></a></li> </ul> </div> </div> </aside> </div> <div class="jb-column jb-column-footer jb-column-footer-2"> <aside> <h2 class="jb-section-title jb-section-title-footer-2">Footer 2</h2> <!-- Recent Replies --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-recent-replies"> <div class="jb-sidebar-title jb-sidebar-title-recent-replies"> <h3>최근 댓글</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-recent-replies jb-sidebar-content-list"> <ul> </ul> </div> </div> </aside> </div> <div class="jb-column jb-column-footer jb-column-footer-3"> <aside> <h2 class="jb-section-title jb-section-title-footer-3">Footer 3</h2> <!-- Admin Menu --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-admin"> <div class="jb-sidebar-title jb-sidebar-title-admin"> <h3>관리</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-admin jb-sidebar-content-list"> <ul> <li><span class="jb-sidebar-list"><a href="https://deep-story.tistory.com/manage">관리자</a></span></li> <li><span class="jb-sidebar-list"><a href="https://deep-story.tistory.com/manage/entry/post">글쓰기</a></span></li> </ul> </div> </div> </aside> </div> </div> </div> </div> <div class="jb-background jb-background-foot"> <div class="jb-container jb-container-foot"> <div class="jb-row jb-row-foot"> <div class="jb-line jb-line-foot-top"></div> <div class="jb-column jb-column-foot jb-column-foot-1"> <div class="jb-cell jb-cell-foot jb-cell-foot-1"> <div class="jb-copyright"> <h2>Copyright © DEEP STORY All Rights Reserved</h2> </div> </div> </div> <div class="jb-column jb-column-foot jb-column-foot-2"> <div class="jb-cell jb-cell-foot jb-cell-foot-2"> <div class="jb-designed"> <h2>Designed by <a href="http://www.jbfactory.net" target="_blank">JB FACTORY</a></h2> </div> </div> </div> </div> </div> </div> </div><!-- .jb-page --> <a href="#" class="jb-top"><i class="fa fa-arrow-up"></i></a> <script src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jquery-1.12.3.min.js?_version_=1610518747"></script> <script src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jquery.nivo.slider.min.js?_version_=1610518747"></script> <script> jQuery.noConflict(); jQuery( document ).ready( function( $ ) { // Variables var jbCurrentUrl = window.location.pathname; // Menu $( '.jb-bars img' ).click( function() { $( '.jb-header-table-cell-sns' ).slideToggle(); $( '.jb-cell-navigation' ).slideToggle(); } ); // Index $( '.jb-index-table-cell-thumbnail a' ).not( ':has( .jb-index-thumbnail )' ).append( '<div class="jb-index-thumbnail jb-index-thumbnail-no-image"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-blank-480x270.png" alt=""></div>' ); if ( $( 'body' ).attr( 'id' ) == 'tt-body-index' && jbCurrentUrl.indexOf( '/notice' ) > -1 ) { $( '.jb-column-content' ).prepend( '<div class="jb-cell jb-cell-content jb-cell-content-notice-list"><header><div class="jb-content-title jb-content-title-notice-list"><h2>공지사항</h2></div></header></div>' ); $( '.jb-index-table-cell-thumbnail-notice' ).each( function() { var jbNoticeUrl = $( 'a', this ).attr( 'href' ); var jbNoticeThis = this; $.ajax( { url: jbNoticeUrl, success: function( jbNoticeHtml ) { var jbNoticeImgSrcStart = jbNoticeHtml.indexOf( 'meta property="og:image" content="' )+34; var jbNoticeImgSrcEnd = jbNoticeHtml.indexOf( '"', jbNoticeImgSrcStart ); var jbNoticeImgSrc = jbNoticeHtml.substring( jbNoticeImgSrcStart, jbNoticeImgSrcEnd ); if ( typeof jbNoticeImgSrc !== 'undefined' && jbNoticeImgSrc.indexOf( '/icon/' ) < 0 ) { jbNoticeImgSrc = '//i1.daumcdn.net/thumb/C480x270/?fname=' + jbNoticeImgSrc; $( 'img', jbNoticeThis ).attr( 'src', jbNoticeImgSrc ); } } } ); } ); } // Admin Menu $( '.jb-admin-button' ).click( function() { $( '.jb-admin-menu' ).slideToggle(); } ); // 신고 $( '.jb-article img[src="//t1.daumcdn.net/tistory_admin/static/ico/ico_spam_report.png"]' ).parent().wrap( '<span class="jb-singo jb-singo-post"></span>'); $( '.jb-singo-post' ).parent().removeAttr( 'style' ); $( '.jb-article img[src="//t1.daumcdn.net/tistory_admin/static/ico/ico_spam_report.png"]' ).before( '<i class="fa fa-bell"></i> 신고' ).remove(); // Pagination $( 'span.interword' ).replaceWith( '<li><a>···</a></li>' ); $( '.jb-pagination span[class="selected"]' ).parent( 'a' ).parent( 'li' ).addClass( 'jb-active' ); // Calendar $( '.jb-sidebar-content-calendar table td' ).has( 'a' ).addClass( 'jb-day-has-post' ); // Top Button $( window ).scroll( function() { if ( $( this ).scrollTop() > 200 ) { $( '.jb-top' ).fadeIn(); } else { $( '.jb-top' ).fadeOut(); } } ); $( '.jb-top' ).click( function() { $( 'html, body' ).animate( { scrollTop : 0 }, 600 ); return false; } ); // AdSense $( '.jb-adsense-cb' ).appendTo( '#jb-adsense-cm' ); $( 'div#jb-adsense-cm-1' ).append( '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><' + '/script>' + jbAdSenseNativeContentCode + '<script>(adsbygoogle = window.adsbygoogle || []).push({});<' + '/script>' ); $( 'div#jb-adsense-cm-2' ).append( '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><' + '/script>' + jbAdSenseNativeContentCode + '<script>(adsbygoogle = window.adsbygoogle || []).push({});<' + '/script>' ); $( 'div#jb-adsense-cm-3' ).append( '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><' + '/script>' + jbAdSenseNativeContentCode + '<script>(adsbygoogle = window.adsbygoogle || []).push({});<' + '/script>' ); // Youtube $( '.jb-youtube-auto .jb-article iframe[src^="https://www.youtube.com/"]' ).wrap( '<div class="jb-youtube-16x9"></div>' ); $( '.jb-youtube-auto .jb-article .jb-youtube-16x9:has( .jb-youtube-16x9 )' ).css( 'padding-bottom', '0px' ); // Image Table $( 'table:has(span.imageblock)' ).each( function() { //alert( $( 'td', this ).length ); if ( $( 'td', this ).length == 2 ) { $( this ).addClass( 'jb-image-table jb-image-table-2' ); } if ( $( 'td', this ).length == 3 ) { $( this ).addClass( 'jb-image-table jb-image-table-3' ); } } ); // Thumbnail - Recent Posts if ( jbShowRecentPostsThumbnail == 0 ) { $( 'body' ).addClass( 'jb-show-recent-posts-thumb' ); $( '.jb-show-recent-posts-thumb .jb-sidebar-content-recent-posts .jb-sidebar-list-thumb' ).not( ':has( img )' ).append( '<img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-blank-400x300.png" alt="">' ); } // Thumbnail - Popular Posts if ( jbShowPopularPostsThumbnail == 0 ) { $( 'body' ).addClass( 'jb-show-popular-posts-thumb' ); $( '.jb-show-popular-posts-thumb .jb-sidebar-content-popular-posts .jb-sidebar-list-thumb' ).not( ':has( img )' ).append( '<img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-blank-400x300.png" alt="">' ); } // Thumbnail - Recommended Posts if ( jbShowRecommendedPostsThumbnail == 0 ) { $( 'body' ).addClass( 'jb-show-recommended-posts-thumb' ); $( '.jb-show-recommended-posts-thumb .jb-sidebar-content-recommended-posts li' ).each( function() { var jbRecentPostsUrl = $( 'a', this ).attr( 'href' ); var jbThisR = this; $.ajax( { url: jbRecentPostsUrl, success: function( jbRecentPostsHtml ) { var jbRecentPostsImgSrcStart = jbRecentPostsHtml.indexOf( 'meta property="og:image" content="' )+34; var jbRecentPostsImgSrcEnd = jbRecentPostsHtml.indexOf( '"', jbRecentPostsImgSrcStart ); var jbRecentPostsImgSrc = jbRecentPostsHtml.substring( jbRecentPostsImgSrcStart, jbRecentPostsImgSrcEnd ); if ( typeof jbRecentPostsImgSrc !== 'undefined' && jbRecentPostsImgSrc.indexOf( '/icon/' ) < 0 ) { jbRecentPostsImgSrc = '//i1.daumcdn.net/thumb/C400x300/?fname=' + jbRecentPostsImgSrc; } if ( typeof jbRecentPostsImgSrc == 'undefined' || jbRecentPostsImgSrc.indexOf( '/icon/' ) > -1 ) { jbRecentPostsImgSrc = 'https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-blank-400x300.png'; } $( '.jb-sidebar-list-thumb', jbThisR ).append( '<img src="' + jbRecentPostsImgSrc + '">' ); } } ); } ); } // Frontpage, Notice if ( $( 'body' ).attr( 'id' ) == 'tt-body-index' && jbCurrentUrl.indexOf( '/notice' ) < 0 && $( '#jb-cover-group' ).attr( 'class' ) !== 'jb-cover-group' ) { $( 'body' ).addClass( 'jb-body-frontpage' ); } if ( $( 'body' ).attr( 'id' ) == 'tt-body-index' && jbCurrentUrl.indexOf( '/notice' ) > -1 ) { $( 'body' ).addClass( 'jb-body-notice' ); } if ( $( 'body' ).attr( 'id' ) == 'tt-body-index' && $( '#jb-cover-group' ).attr( 'class' ) == 'jb-cover-group' ) { $( 'body' ).addClass( 'jb-body-frontpage-cover' ); } // Cover Type 01 1X1 $( '.jb-cover-type-01-1x1 .jb-cover-table-cell-thumbnail a' ).not( ':has( .jb-cover-thumbnail )' ).append( '<div class="jb-cover-thumbnail jb-cover-thumbnail-no-image"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-blank-150x150.png" alt=""></div>' ); // Cover Type 01 4X3 $( '.jb-cover-type-01-4x3 .jb-cover-table-cell-thumbnail a' ).not( ':has( .jb-cover-thumbnail )' ).append( '<div class="jb-cover-thumbnail jb-cover-thumbnail-no-image"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-blank-400x300.png" alt=""></div>' ); // Cover Type 02 1X1 $( '.jb-cover-type-02-1x1 .jb-cover-table-cell-thumbnail a' ).not( ':has( .jb-cover-thumbnail )' ).append( '<div class="jb-cover-thumbnail jb-cover-thumbnail-no-image"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-blank-500x500.png" alt=""></div>' ); // Cover Type 02 4X3 $( '.jb-cover-type-02-4x3 .jb-cover-table-cell-thumbnail a' ).not( ':has( .jb-cover-thumbnail )' ).append( '<div class="jb-cover-thumbnail jb-cover-thumbnail-no-image"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-blank-400x300.png" alt=""></div>' ); // Cover Type 02 16X9 $( '.jb-cover-type-02-16x9 .jb-cover-table-cell-thumbnail a' ).not( ':has( .jb-cover-thumbnail )' ).append( '<div class="jb-cover-thumbnail jb-cover-thumbnail-no-image"><img src="https://tistory1.daumcdn.net/tistory/4449000/skin/images/jb-blank-480x270.png" alt=""></div>' ); // Cover Slider Type 01 4X3 $( '.jb-cover-slider-type-01-16x9 .jb-slider' ).nivoSlider( { effect: 'fade', // Specify sets like: 'fold,fade,sliceDown' slices: 15, // For slice animations boxCols: 8, // For box animations boxRows: 4, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 4000, // How long each slide will show startSlide: 0, // Set starting Slide (0 index) directionNav: true, // Next & Prev navigation controlNav: true, // 1,2,3... navigation controlNavThumbs: false, // Use thumbnails for Control Nav pauseOnHover: true, // Stop animation while hovering manualAdvance: false, // Force manual transitions prevText: 'Prev', // Prev directionNav text nextText: 'Next', // Next directionNav text randomStart: false, // Start on a random slide beforeChange: function(){}, // Triggers before a slide transition afterChange: function(){}, // Triggers after a slide transition slideshowEnd: function(){}, // Triggers after all slides have been shown lastSlide: function(){}, // Triggers when last slide is shown afterLoad: function(){} // Triggers when slider has loaded } ); // Show $( '.jb-background' ).css( { visibility: 'visible' } ); } ); </script> <div class="#menubar menu_toolbar "> <h2 class="screen_out">티스토리툴바</h2> </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="//deep-story.tistory.com/api">
