문서로 작업의 콘텐츠 변경 미리보기 DesignMode – Smashing Magazine

문서로 작업의 콘텐츠 변경 미리보기 DesignMode – Smashing Magazine

따라서 웹 사이트 변경을 배포했습니다. 축하해요! 모든 것이 계획에 따라 진행되었지만 이제는 생산에서 작업을보고 변경에 의문을 제기하기 시작합니다. 아마도 그 변화는 새로운 제목만큼 단순했고 공간에 맞지 않는 것 같습니다. 어쩌면 이미지를 추가했을 수도 있지만 특정 상황에서는 느끼지 않습니다.

당신은 무엇을합니까? 더 많은 변경 사항을 배포하기 시작합니까? 개방형 일러스트 레이터 나 피그마를 깨뜨릴 필요는 없지만 작은 변화를 조롱 할 필요는 없지만 변경을 배포하기 전에 변경 사항을 미리 보는 것은 여전히 ​​도움이 될 것입니다.

입력하다 document.designMode. 새로운 것이 아닙니다. 사실, 나는 최근에 처음으로 그것을 만났고 그 중 하나를 가졌습니다. “잠깐만 요, 이것이 존재합니까?” Internet Explorer 6에서도 우리가 영원히 가진 도구이기 때문에 순간. 그러나 어떤 이유로 든 지금은 그것에 대해 듣고 있으며, 많은 동료들도 처음으로 그것에 대해 듣고 있습니다.

정확히 무엇인가 document.designMode? 아마도 작은 비디오 데모는 페이지를 직접 편집 할 수있는 방법을 보여줄 수 있습니다.

방법에 대한 비디오 데모 document.designMode 공장.

가장 간단하게 document.designMode 텍스트 편집기와 유사하게 웹 페이지를 편집 가능하게 만듭니다. 나는 그것이 가지고 있다고 말하고 싶습니다 웹의 편집 모드 – 웹 페이지의 어느 곳에서나 클릭하여 기존 텍스트를 수정하고, 물건을 이동하며, 요소를 삭제할 수 있습니다. Beck과 Call에 Apple의 “산만 제어”기능이있는 것과 같습니다.

이것은 개발자, 디자이너, 고객 및 일반 사용자 모두에게 유용한 도구라고 생각합니다.

당신은 이것이 단지 어떤지 궁금 할 것입니다 contentEditable 한눈에, 둘 다 비슷해 보이기 때문입니다. 그러나 두 사람은 다른 목적을 제공합니다. contentEditable 특정 요소를 편집 할 수있는 데 더 중점을두고 있습니다. document.designMode 만든다 전체 페이지 편집 가능.

활성화 document.designMode 브라우저의 개발자 도구에서 수행 할 수 있습니다.

  1. 웹 페이지의 어느 곳을 마우스 오른쪽 버튼으로 클릭하고 클릭하십시오 검사.
  2. 클릭하십시오 콘솔 꼬리표.
  3. 유형 document.designMode = "on" 그리고 누르십시오 입력하다.

끄려면 페이지를 새로 고치십시오. 그게 다야.

다른 방법은 클릭하면 모드를 활성화하는 북마크를 만드는 것입니다.

  1. 브라우저에서 새 책갈피를 만듭니다.
  2. “edit_mode”와 같은 이름을 지정할 수 있습니다.
  3. URL 필드 에이 코드를 입력하십시오.
javascript:(function(){document.designMode = document.designMode === 'on' ? 'off' : 'on';})();

그리고 이제 당신은 전환하는 스위치가 있습니다 document.designMode 켜고 꺼져 있습니다.

사용 사례

이 도구를 사용하는 흥미롭고 창의적이며 유용한 방법이 많이 있습니다.

기본 콘텐츠 편집

나는 이것이 핵심 목적이라고 감히 말한다 document.designMode어떤 이유로 든 웹 페이지의 텍스트 요소를 본질적으로 편집하는 것입니다. 제목, 단락 또는 총알 포인트 일 수도 있습니다. 어떤 경우이든, 브라우저는 효과적으로됩니다 “당신이 보는 것은 당신이 얻는 것입니다”(Wysiwyg) 편집자그 자리에서 변경하고 미리 볼 수있는 곳.

기본 컨텐츠 편집 사용 document.designMode.

방문 페이지 A/B 테스트

기존 사본이있는 제품 웹 사이트가 있지만 경쟁사를 확인하면 해당 사본이 더 매력적으로 보입니다. 당연히 테스트하고 싶습니다. 백엔드에서 편집하거나 나중에 메모를하는 대신 사용할 수 있습니다. document.designMode 해당 사본 변동이 랜딩 페이지 레이아웃에 어떻게 맞는지 즉시 확인한 다음 두 버전을 쉽게 비교하고 대조하십시오.

방문 페이지 A/B 테스트 document.designMode.

이것은 카피라이터 또는 솔로 개발자에게도 유용 할 수 있습니다.

SEO 제목 및 메타 설명

모든 사람은 웹 사이트가 검색 결과의 최상위에 순위를 매기기를 원합니다. 이는 더 많은 트래픽을 의미하기 때문입니다. 그러나 SEO만큼이나 넓은 </code> 태그와 <code><meta/></code> 설명은 방문자와 검색 엔진 모두에 대한 웹 사이트의 첫 번째 인상입니다.</p> <p>발생하는 질문은 검색 결과에서 특정 텍스트가 잘린지 어떻게 알 수 있습니까? 제 생각에는 <code>document.designMode</code> 밀어 내기 전에 고칠 수 있습니다.</p> <figure class="video-embed-container break-out"><figcaption>SEO 제목 및 메타 설명 <code>document.designMode</code>.</figcaption></figure> <p>이 도구를 사용하면 키워드가 즉시 보이는지 여부와 동일한 검색 결과에서 다른 경쟁 업체와 얼마나 강력한 지 여부에 관계없이 제목 길이가 잘 보이는 것이 훨씬 쉽다고 생각합니다.</p> <h3 id="developer-workflows">개발자 워크 플로우</h3> <p>완전히 솔직히 말하면 개발자는 아마도 사용하고 싶지 않을 것입니다. <code>document.designMode</code> 실제 개발 작업을 위해. 그러나 웹 사이트에서 물건을 깨고, 주변의 요소 이동, 이미지를 재배치하고, UI 요소를 삭제하고, 삭제 된 것을 실시간으로 취소하는 데 여전히 유용 할 수 있습니다.</p> <p>요소의 위치에 대해 회의적이거나 버튼이 맨 위보다 상단에서 더 나을 수 있다고 느끼면 도움이 될 수 있습니다. <code>document.designMode</code> 확실히 도움이 될 수 있습니다. 그것은 코드베이스의 재배치 요소를 능가하기 위해 요소가 다르게 배치되는지 확인하기 위해서는 확실히 요소를 능가합니다. 그러나 다시 말하지만, 대부분의 시간, 우리는 이러한 일들이 효과적으로 수행 할 수있는 지역 환경에서 개발 중이므로 마일리지가 찾을 수있는 정도까지 달라질 수 있습니다. <code>document.designMode</code> 개발 작업에서.</p> <h3 id="client-and-team-collaboration">고객 및 팀 협업</h3> <p>일부 고객은 거의 항상 마지막 순간 변경 요청을하는 것은 쉬운 일입니다. <em>“이 버튼을 제거 할 수 있습니까?”</em> 또는 <em>“무료 계층의 가격 책정 기능을 편집합시다.”</em></p> <p>클라이언트에게는 이것들이 거의 조정하지는 않지만, 당신에게는 이러한 변화를 만들기 위해 개발 환경을 시작하는 것이 번거 롭을 수 있습니다. 나는 믿는다 <code>document.designMode</code> 프로덕션을 건드리지 않고 클라이언트와 스크린 샷을 공유하지 않고 몇 초 만에 이러한 경우를 도울 수 있습니다.</p> <figure class="video-embed-container break-out"><figcaption>고객 및 팀 협업 <code>document.designMod</code>.</figcaption></figure> <p>또한 유용해질 수 있습니다 <strong>UI 변경에 대해 논의 할 때 팀 회의</strong>. 화면 공유를 통해 실시간 변경을 보면 토론을 촉진하고 더 빠른 결론을 이끌어 낼 수 있습니다.</p> <h3 id="live-dom-tutorials">라이브 돔 튜토리얼</h3> <p>웹 개발을 배우는 초보자에게는 기분이 좋습니다 <code>document.designMode</code> 웹 페이지를 조작하고 즉시 결과를 보는 것이 어떻게 느끼는지에 대한 첫 번째 모습을 제공하는 데 도움이 될 수 있습니다. <strong>전 웹 개발 단계</strong>코드 편집기를 터치하기 전에도.</p> <p>학습자들이 물건을 움직이는 것을 실험함에 따라 강사는 각 변화가 어떻게 작동하는지 설명하고 페이지의 흐름에 영향을 미치는 방법을 설명 할 수 있습니다.</p> <h3 id="social-media-content-preview">소셜 미디어 컨텐츠 미리보기</h3> <p>우리는 동일한 아이디어를 사용하여 소셜 미디어 게시물을 게시하기 전에 미리보기를 미리 볼 수 있습니다! 예를 들어, <code>document.designMode</code> 다른 통화 유도 문구의 효과를 측정하거나 플랫폼을 스크롤 할 때 사용자가 우연히 발견 될 때 광고 사본이 어떻게 보이는지 시각화 할 수 있습니다. 이것은 모든 소셜 미디어 플랫폼에서 효과적입니다.</p> <figure class="video-embed-container break-out"><figcaption>소셜 미디어 컨텐츠 미리보기 <code>document.designMode</code>.</figcaption></figure> <h3 id="memes">밈</h3> <p>나는 이것을 추가하지 않는 것이 공정하다고 생각하지 않았다. 그것은 제대로 보이지 않을 수도 있지만 솔직 해 보자 : 밈을 만드는 것은 아마도 누군가가 발견 할 때 가장 먼저 떠오르는 것 중 하나 일 것입니다. <code>document.designMode</code>.</p> <p>소셜 게시물의 패러디 버전을 만들고, 기사 헤드 라인을 조정하고, 제품 가격을 변경하며, YouTube보기 또는 Reddit 의견을 조작하여 몇 가지 방법을 말할 수 있습니다. 기억하십시오 : 이것은 허위 정보를 전파하거나 실제 피해를 입히는 데 사용해서는 안됩니다. 존중하고 윤리적으로 유지하십시오!</p> <h2 id="conclusion">결론</h2> <p><code>document.designMode = "on"</code> 처음으로 발견 할 때 즉시 유용 할 수있는 유쾌한 브라우저 트릭 중 하나입니다. 생생하고 원시적 인 도구이지만 유용성과 목적을 부정 할 수는 없습니다.</p> <p>따라서 시도해 보거나 동료에게 보여 주거나이 기사를 편집하십시오. 당신은 언제 필요한지 알지 못합니다.</p> <h3 id="further-reading">추가 독서</h3> <div class="signature"><img src="https://www.smashingmagazine.com/images/logo/logo--red.png" alt="스매싱 편집" width="35" height="46" loading="lazy" decoding="async"/><br /> <span>(GG, YK)</span></div> </div> <p><a href="https://smashingmagazine.com/2025/03/previewing-content-changes-work-documentdesignmode/">출처 참조 </a></p> </div> </div> <div class="spnc-post-content"> </div> </article> <article class="spnc-author-box spnc-author-box-two"> <div class="spnc-author-box-wrapper"> <div> <span class="spnc-author"> <figure> <img alt='' src='https://secure.gravatar.com/avatar/97181e01b7348d04b34a0ce46e3d390b4cba218b81194122d89a6fafcdc68f6c?s=96&d=mm&r=g' class='avatar avatar-96 photo' height='96' width='96' loading='lazy' /> </figure> </span> </div> <div> <div class="spnc-author-socials-wrap"> <span class="spnc-author"> <a href="https://admin.biz.id/author/min-jun"> Min-jun (민준) </a> </span> </div> <p class="spnc-author-desc"> Add your Biographical Information. <a href="">Edit your Profile</a> now. </p> <div class="spnc-author-footer"> <a href="https://admin.biz.id/author/min-jun" class="spnc-author-posts-link">view all posts</a> </div> </div> </div> </article> <article class="spnc-pagination-single paginatn_desgn-1"> <div class="spnc-post-previous"> <div class="spnc-post-content"> <a href="https://admin.biz.id/chinese-tech-giants-boosted-nvidia-gpu-purchases-by-4x-to-6x-during-q1.html" title="Previous post">Previous post</a> <h4 class="spnc-entry-title"> <a class="a_effect1" href="https://admin.biz.id/chinese-tech-giants-boosted-nvidia-gpu-purchases-by-4x-to-6x-during-q1.html" title="중국 기술 거인은 Q1 동안 Nvidia GPU 구매를 4 배에서 6 배 증가 시켰습니다.">중국 기술 거인은 Q1 동안 Nvidia GPU 구매를 4 배에서 6 배 증가 시켰습니다.</a> </h4> </div> <a href="https://admin.biz.id/chinese-tech-giants-boosted-nvidia-gpu-purchases-by-4x-to-6x-during-q1.html" class="spnc_prvs_arrow" title="Previous post arrow"><i class="fa-solid fa-angle-left"></i></a> </div> <div class="spnc-post-next"> <div class="spnc-post-content"> <a href="https://admin.biz.id/%eb%b3%b4%ea%b0%95-%eb%90%9c-%eb%b8%8c%eb%9d%bc%ec%9a%b0%ec%a7%95%ec%9d%84-%eb%a6%ac%ec%bd%9c%ed%95%a9%eb%8b%88%eb%8b%a4.html" title="Next post">Next post</a> <h4 class="spnc-entry-title"> <a class="a_effect1" href="https://admin.biz.id/%eb%b3%b4%ea%b0%95-%eb%90%9c-%eb%b8%8c%eb%9d%bc%ec%9a%b0%ec%a7%95%ec%9d%84-%eb%a6%ac%ec%bd%9c%ed%95%a9%eb%8b%88%eb%8b%a4.html" title="보강 된 브라우징을 리콜합니다">보강 된 브라우징을 리콜합니다</a> </h4> </div> <a href="https://admin.biz.id/%eb%b3%b4%ea%b0%95-%eb%90%9c-%eb%b8%8c%eb%9d%bc%ec%9a%b0%ec%a7%95%ec%9d%84-%eb%a6%ac%ec%bd%9c%ed%95%a9%eb%8b%88%eb%8b%a4.html" class="spnc_nxt_arrow" title="Next post arrow"><i class="fa-solid fa-angle-right"></i></a> </div> </article> <div class="spnc-related-posts spnc-grid"> <div class="spnc-main-wrapper"> <div class="spnc-main-wrapper-heading"> <h3 class="widget-title">Related Posts</h3> </div> </div> <div class="spnc-related-post-wrapper"> <article class="spnc-post"> <figure class="spnc-post-thumbnail i_effect1"> <a href="https://admin.biz.id/fully-loaded-honda-odyssey-cost.html" title="완전히로드 된 2025 Honda Odyssey 비용"><img post-id="3958" fifu-featured="1" width="1920" height="1267" src="https://i1.wp.com/autoimage.capitalone.com/cms/Auto/assets/images/3737-hero-2025-honda-odyssey-review.jpg?w=1920&resize=1920,1267&ssl=1" class="img-fluid sp-thumb-img wp-post-image" alt="완전히로드 된 2025 Honda Odyssey 비용" title="완전히로드 된 2025 Honda Odyssey 비용" title="완전히로드 된 2025 Honda Odyssey 비용" decoding="async" loading="lazy" /></a> </figure> <div class="spnc-post-content"> <div class="spnc-content-wrapper"> <div class="spnc-post-wrapper"> <header class="spnc-entry-header"> <div class="spnc-entry-meta"> <span class="spnc-author"><i class="fa-solid fa-circle-user"></i> <a itemprop="url" href="https://admin.biz.id/author/hyun-woo" title="Posts by Hyun-woo (현우)"> Hyun-woo (현우) </a> </span> <span class="comment-links"><i class="fa-solid fa-message"></i> <a itemprop="url" href="https://admin.biz.id/fully-loaded-honda-odyssey-cost.html" title="Number of Comments"> 0 </a> </span> </div> <h3 class="spnc-entry-title"> <a class="a_effect1" itemprop="url" href="https://admin.biz.id/fully-loaded-honda-odyssey-cost.html" title="완전히로드 된 2025 Honda Odyssey 비용">완전히로드 된 2025 Honda Odyssey 비용</a> </h3> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta"> <div class="spnc-entry-meta"> <span class="spnc-date"><i class="fa-solid fa-clock"></i> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 20, 2025" class="entry-date">4월 20, 2025</time></a> </span> </div> </div> </div> </div> </div> </div> </article> <article class="spnc-post"> <figure class="spnc-post-thumbnail i_effect1"> <a href="https://admin.biz.id/junky-data%eb%8a%94-%ed%8a%9c%eb%8b%9d-%ec%99%b8-%ea%b8%b0%ed%83%80%ec%99%80-%ea%b0%99%ec%8a%b5%eb%8b%88%eb%8b%a4-ai-harmony%eb%a5%bc-%eb%b0%a9%ec%a7%80%ed%95%a9%eb%8b%88%eb%8b%a4.html" title="Junky Data는 튜닝 외 기타와 같습니다. AI Harmony를 방지합니다."><img post-id="3956" fifu-featured="1" width="1920" height="1075" src="https://i2.wp.com/res.cloudinary.com/glide/image/fetch/https%3A%2F%2Fi.ytimg.com%2Fvi%2FFOvNVQHdZcI%2Fmaxresdefault.jpg?w=1920&resize=1920,1075&ssl=1" class="img-fluid sp-thumb-img wp-post-image" alt="Junky Data는 튜닝 외 기타와 같습니다. AI Harmony를 방지합니다." title="Junky Data는 튜닝 외 기타와 같습니다. AI Harmony를 방지합니다." title="Junky Data는 튜닝 외 기타와 같습니다. AI Harmony를 방지합니다." decoding="async" loading="lazy" /></a> </figure> <div class="spnc-post-content"> <div class="spnc-content-wrapper"> <div class="spnc-post-wrapper"> <header class="spnc-entry-header"> <div class="spnc-entry-meta"> <span class="spnc-author"><i class="fa-solid fa-circle-user"></i> <a itemprop="url" href="https://admin.biz.id/author/min-jun" title="Posts by Min-jun (민준)"> Min-jun (민준) </a> </span> <span class="comment-links"><i class="fa-solid fa-message"></i> <a itemprop="url" href="https://admin.biz.id/junky-data%eb%8a%94-%ed%8a%9c%eb%8b%9d-%ec%99%b8-%ea%b8%b0%ed%83%80%ec%99%80-%ea%b0%99%ec%8a%b5%eb%8b%88%eb%8b%a4-ai-harmony%eb%a5%bc-%eb%b0%a9%ec%a7%80%ed%95%a9%eb%8b%88%eb%8b%a4.html" title="Number of Comments"> 0 </a> </span> </div> <h3 class="spnc-entry-title"> <a class="a_effect1" itemprop="url" href="https://admin.biz.id/junky-data%eb%8a%94-%ed%8a%9c%eb%8b%9d-%ec%99%b8-%ea%b8%b0%ed%83%80%ec%99%80-%ea%b0%99%ec%8a%b5%eb%8b%88%eb%8b%a4-ai-harmony%eb%a5%bc-%eb%b0%a9%ec%a7%80%ed%95%a9%eb%8b%88%eb%8b%a4.html" title="Junky Data는 튜닝 외 기타와 같습니다. AI Harmony를 방지합니다.">Junky Data는 튜닝 외 기타와 같습니다. AI Harmony를 방지합니다.</a> </h3> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta"> <div class="spnc-entry-meta"> <span class="spnc-date"><i class="fa-solid fa-clock"></i> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 20, 2025" class="entry-date">4월 20, 2025</time></a> </span> </div> </div> </div> </div> </div> </div> </article> <article class="spnc-post"> <figure class="spnc-post-thumbnail i_effect1"> <a href="https://admin.biz.id/%ec%82%ac%ec%9d%b4%ed%8a%b8%ea%b0%80-%ed%82%a4%eb%b3%b4%eb%93%9c-%ed%83%90%ec%83%89-%ea%b0%80%eb%8a%a5%ed%95%98%eb%8b%a4%eb%8a%94-%ea%b2%83%ec%9d%b4-%ec%8b%a4%ec%a0%9c%eb%a1%9c-%eb%ac%b4%ec%97%87.html" title="사이트가 키보드 탐색 가능하다는 것이 실제로 무엇을 의미합니까 – Smashing Magazine"><img post-id="3948" fifu-featured="1" width="1920" height="1440" src="https://i0.wp.com/res.cloudinary.com/glide/image/fetch/https%3A%2F%2Fi.ytimg.com%2Fvi%2Fq7aiJHCcFsk%2Fsddefault.jpg?w=1920&resize=1920,1440&ssl=1" class="img-fluid sp-thumb-img wp-post-image" alt="사이트가 키보드 탐색 가능하다는 것이 실제로 무엇을 의미합니까 – Smashing Magazine" title="사이트가 키보드 탐색 가능하다는 것이 실제로 무엇을 의미합니까 – Smashing Magazine" title="사이트가 키보드 탐색 가능하다는 것이 실제로 무엇을 의미합니까 – Smashing Magazine" decoding="async" loading="lazy" /></a> </figure> <div class="spnc-post-content"> <div class="spnc-content-wrapper"> <div class="spnc-post-wrapper"> <header class="spnc-entry-header"> <div class="spnc-entry-meta"> <span class="spnc-author"><i class="fa-solid fa-circle-user"></i> <a itemprop="url" href="https://admin.biz.id/author/min-jun" title="Posts by Min-jun (민준)"> Min-jun (민준) </a> </span> <span class="comment-links"><i class="fa-solid fa-message"></i> <a itemprop="url" href="https://admin.biz.id/%ec%82%ac%ec%9d%b4%ed%8a%b8%ea%b0%80-%ed%82%a4%eb%b3%b4%eb%93%9c-%ed%83%90%ec%83%89-%ea%b0%80%eb%8a%a5%ed%95%98%eb%8b%a4%eb%8a%94-%ea%b2%83%ec%9d%b4-%ec%8b%a4%ec%a0%9c%eb%a1%9c-%eb%ac%b4%ec%97%87.html" title="Number of Comments"> 0 </a> </span> </div> <h3 class="spnc-entry-title"> <a class="a_effect1" itemprop="url" href="https://admin.biz.id/%ec%82%ac%ec%9d%b4%ed%8a%b8%ea%b0%80-%ed%82%a4%eb%b3%b4%eb%93%9c-%ed%83%90%ec%83%89-%ea%b0%80%eb%8a%a5%ed%95%98%eb%8b%a4%eb%8a%94-%ea%b2%83%ec%9d%b4-%ec%8b%a4%ec%a0%9c%eb%a1%9c-%eb%ac%b4%ec%97%87.html" title="사이트가 키보드 탐색 가능하다는 것이 실제로 무엇을 의미합니까 – Smashing Magazine">사이트가 키보드 탐색 가능하다는 것이 실제로 무엇을 의미합니까 – Smashing Magazine</a> </h3> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta"> <div class="spnc-entry-meta"> <span class="spnc-date"><i class="fa-solid fa-clock"></i> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 19, 2025" class="entry-date">4월 19, 2025</time></a> </span> </div> </div> </div> </div> </div> </div> </article> </div> </div> <article class="comment-form"> <div id="respond" class="comment-respond"> <div class="spnc-blog-1-wrapper"> <div class="spnc-blog-1-heading"> <h4>Post Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/%eb%ac%b8%ec%84%9c%eb%a1%9c-%ec%9e%91%ec%97%85%ec%9d%98-%ec%bd%98%ed%85%90%ec%b8%a0-%eb%b3%80%ea%b2%bd-%eb%af%b8%eb%a6%ac%eb%b3%b4%ea%b8%b0-designmode-smashing-magazine.html#respond" style="display:none;">응답 취소</a></small></h4></div></div><form action="https://admin.biz.id/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-form-comment"> <label for="comment">Comments <textarea id="comment" type="text" name="comment" value="" cols="45" rows="8" aria-required="true" arai-invalid="false"></textarea> </label> </p><p class="comment-form-author"> <label for="author">Name <span class="required"> <input type="text" name="author" value="" size="30" class="blog-form-control" aria-required="true" arai-invalid="false"> </span> </label> </p> <p class="comment-form-email"> <label for="email">Email <span class="required"> <input type="email" name="email" value="" size="30" class="blog-form-control" aria-required="true" arai-invalid="false"> </span> </label> </p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">다음 번 댓글 작성을 위해 이 브라우저에 이름, 이메일, 그리고 웹사이트를 저장합니다.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='3508' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </article> </div> </div> <!-- Right Sidebar --> <div class="spnc-col-9 spnc-sticky-sidebar"><div class="spnc-sidebar spnc-main-sidebar"><div class="right-sidebar"><aside id="search-2" data-wow-delay=".6s" class="wow-callback zoomIn widget w-c side-bar-widget sidebar-1 widget_search"><div class="spnc-widget-heading"><h2 class="spnc-widget-title" itemprop="name">찾다</h2></div><form role="search" method="get" class="search-form" action="https://admin.biz.id/"> <label> <span class="screen-reader-text">검색:</span> <input type="search" class="search-field" placeholder="검색 …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="검색" /> </form></aside> <aside id="recent-posts-2" data-wow-delay=".6s" class="wow-callback zoomIn widget w-c side-bar-widget sidebar-1 widget_recent_entries"> <div class="spnc-widget-heading"><h2 class="spnc-widget-title" itemprop="name">최근 게시물</h2></div> <ul> <li> <a href="https://admin.biz.id/fully-loaded-honda-odyssey-cost.html">완전히로드 된 2025 Honda Odyssey 비용</a> </li> <li> <a href="https://admin.biz.id/junky-data%eb%8a%94-%ed%8a%9c%eb%8b%9d-%ec%99%b8-%ea%b8%b0%ed%83%80%ec%99%80-%ea%b0%99%ec%8a%b5%eb%8b%88%eb%8b%a4-ai-harmony%eb%a5%bc-%eb%b0%a9%ec%a7%80%ed%95%a9%eb%8b%88%eb%8b%a4.html">Junky Data는 튜닝 외 기타와 같습니다. AI Harmony를 방지합니다.</a> </li> <li> <a href="https://admin.biz.id/%ec%9d%b4-ai%eb%8a%94-%ec%9d%b8%ea%b0%84%ec%9d%b4-%eb%a7%90%ec%97%90-%eb%8f%99%ec%9d%98-%ed%95%a0-%ec%88%98%ec%97%86%eb%8a%94-%ea%b2%bd%ec%9a%b0%ec%97%90%eb%8f%84-%ed%94%84%eb%a1%9c%ec%b2%98%eb%9f%bc.html">이 AI는 인간이 말에 동의 할 수없는 경우에도 프로처럼 과학 논문을 읽습니다.</a> </li> <li> <a href="https://admin.biz.id/%ec%82%ac%ec%9d%b4%ed%8a%b8%ea%b0%80-%ed%82%a4%eb%b3%b4%eb%93%9c-%ed%83%90%ec%83%89-%ea%b0%80%eb%8a%a5%ed%95%98%eb%8b%a4%eb%8a%94-%ea%b2%83%ec%9d%b4-%ec%8b%a4%ec%a0%9c%eb%a1%9c-%eb%ac%b4%ec%97%87.html">사이트가 키보드 탐색 가능하다는 것이 실제로 무엇을 의미합니까 – Smashing Magazine</a> </li> <li> <a href="https://admin.biz.id/how-to-run-freedos-an-open-source-version-of-dos-on-any-pc.html">모든 PC에서 Open-Source 버전의 DOS 인 Freedos를 실행하는 방법</a> </li> </ul> </aside><aside id="block-4" data-wow-delay=".6s" class="wow-callback zoomIn widget w-c side-bar-widget sidebar-1 widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">최근 댓글</h2><div class="no-comments wp-block-latest-comments">보여줄 댓글 없음.</div></div></div></aside><aside id="block-5" data-wow-delay=".6s" class="wow-callback zoomIn widget w-c side-bar-widget sidebar-1 widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">아카이브</h2><ul class="wp-block-archives-list wp-block-archives"> <li><a href='https://admin.biz.id/2025/04'>2025년 4월</a></li> <li><a href='https://admin.biz.id/2025/03'>2025년 3월</a></li> <li><a href='https://admin.biz.id/2025/02'>2025년 2월</a></li> <li><a href='https://admin.biz.id/2025/01'>2025년 1월</a></li> <li><a href='https://admin.biz.id/2024/12'>2024년 12월</a></li> <li><a href='https://admin.biz.id/2024/11'>2024년 11월</a></li> <li><a href='https://admin.biz.id/2024/10'>2024년 10월</a></li> <li><a href='https://admin.biz.id/2024/09'>2024년 9월</a></li> <li><a href='https://admin.biz.id/2022/02'>2022년 2월</a></li> </ul></div></div></aside><aside id="tag_cloud-2" data-wow-delay=".6s" class="wow-callback zoomIn widget w-c side-bar-widget sidebar-1 widget_tag_cloud"><div class="spnc-widget-heading"><h2 class="spnc-widget-title" itemprop="name">태그</h2></div><div class="tagcloud"><a href="https://admin.biz.id/tag/aws" class="tag-cloud-link tag-link-106 tag-link-position-1" style="font-size: 10.020618556701pt;" aria-label="AWS (10 아이템)">AWS</a> <a href="https://admin.biz.id/tag/google" class="tag-cloud-link tag-link-19 tag-link-position-2" style="font-size: 16.515463917526pt;" aria-label="Google (30 아이템)">Google</a> <a href="https://admin.biz.id/tag/ieee-%eb%89%b4%ec%8a%a4" class="tag-cloud-link tag-link-372 tag-link-position-3" style="font-size: 8pt;" aria-label="IEEE 뉴스 (7 아이템)">IEEE 뉴스</a> <a href="https://admin.biz.id/tag/ieee-%ed%9a%8c%ec%9b%90-%eb%89%b4%ec%8a%a4" class="tag-cloud-link tag-link-835 tag-link-position-4" style="font-size: 8.7216494845361pt;" aria-label="IEEE 회원 뉴스 (8 아이템)">IEEE 회원 뉴스</a> <a href="https://admin.biz.id/tag/openai" class="tag-cloud-link tag-link-670 tag-link-position-5" style="font-size: 9.4432989690722pt;" aria-label="Openai (9 아이템)">Openai</a> <a href="https://admin.biz.id/tag/%ea%b1%b0%eb%9e%98" class="tag-cloud-link tag-link-543 tag-link-position-6" style="font-size: 11.60824742268pt;" aria-label="거래 (13 아이템)">거래</a> <a href="https://admin.biz.id/tag/%ea%b2%80%ed%86%a0" class="tag-cloud-link tag-link-321 tag-link-position-7" style="font-size: 10.020618556701pt;" aria-label="검토 (10 아이템)">검토</a> <a href="https://admin.biz.id/tag/%ea%b3%bc%ed%95%99" class="tag-cloud-link tag-link-804 tag-link-position-8" style="font-size: 8.7216494845361pt;" aria-label="과학 (8 아이템)">과학</a> <a href="https://admin.biz.id/tag/%ea%b5%ac%eb%a7%a4-%ea%b0%80%ec%9d%b4%eb%93%9c" class="tag-cloud-link tag-link-273 tag-link-position-9" style="font-size: 13.484536082474pt;" aria-label="구매 가이드 (18 아이템)">구매 가이드</a> <a href="https://admin.biz.id/tag/%ea%b5%ad%ea%b0%80-%ec%95%88%eb%b3%b4" class="tag-cloud-link tag-link-121 tag-link-position-10" style="font-size: 8pt;" aria-label="국가 안보 (7 아이템)">국가 안보</a> <a href="https://admin.biz.id/tag/%ea%b8%b0%ea%b3%84%ec%a0%81-%ec%9d%b8%ec%a1%b0-%ec%9d%b8%ea%b0%84" class="tag-cloud-link tag-link-353 tag-link-position-11" style="font-size: 10.020618556701pt;" aria-label="기계적 인조 인간 (10 아이템)">기계적 인조 인간</a> <a href="https://admin.biz.id/tag/%ea%b8%b0%ea%b3%84-%ed%95%99%ec%8a%b5" class="tag-cloud-link tag-link-358 tag-link-position-12" style="font-size: 8.7216494845361pt;" aria-label="기계 학습 (8 아이템)">기계 학습</a> <a href="https://admin.biz.id/tag/%ea%b8%b0%ec%88%a0" class="tag-cloud-link tag-link-611 tag-link-position-13" style="font-size: 19.257731958763pt;" aria-label="기술 (47 아이템)">기술</a> <a href="https://admin.biz.id/tag/%ea%b8%b0%ec%96%b4" class="tag-cloud-link tag-link-24 tag-link-position-14" style="font-size: 14.350515463918pt;" aria-label="기어 (21 아이템)">기어</a> <a href="https://admin.biz.id/tag/%eb%85%b8%eb%a6%84" class="tag-cloud-link tag-link-621 tag-link-position-15" style="font-size: 14.927835051546pt;" aria-label="노름 (23 아이템)">노름</a> <a href="https://admin.biz.id/tag/%eb%8d%b0%ec%9d%b4%ed%84%b0" class="tag-cloud-link tag-link-133 tag-link-position-16" style="font-size: 9.4432989690722pt;" aria-label="데이터 (9 아이템)">데이터</a> <a href="https://admin.biz.id/tag/%eb%8f%84%eb%84%90%eb%93%9c-%ed%8a%b8%eb%9f%bc%ed%94%84" class="tag-cloud-link tag-link-205 tag-link-position-17" style="font-size: 14.639175257732pt;" aria-label="도널드 트럼프 (22 아이템)">도널드 트럼프</a> <a href="https://admin.biz.id/tag/%eb%a1%9c%eb%b4%87-%ea%b3%b5%ed%95%99" class="tag-cloud-link tag-link-784 tag-link-position-18" style="font-size: 10.020618556701pt;" aria-label="로봇 공학 (10 아이템)">로봇 공학</a> <a href="https://admin.biz.id/tag/%eb%a6%ac%eb%b7%b0" class="tag-cloud-link tag-link-647 tag-link-position-19" style="font-size: 10.020618556701pt;" aria-label="리뷰 (10 아이템)">리뷰</a> <a href="https://admin.biz.id/tag/%eb%a7%88%ec%9d%b4%ed%81%ac%eb%a1%9c-%ec%86%8c%ed%94%84%ed%8a%b8" class="tag-cloud-link tag-link-600 tag-link-position-20" style="font-size: 8.7216494845361pt;" aria-label="마이크로 소프트 (8 아이템)">마이크로 소프트</a> <a href="https://admin.biz.id/tag/%eb%a9%94%ed%83%80" class="tag-cloud-link tag-link-9 tag-link-position-21" style="font-size: 8pt;" aria-label="메타 (7 아이템)">메타</a> <a href="https://admin.biz.id/tag/%eb%b3%b4%ec%95%88" class="tag-cloud-link tag-link-108 tag-link-position-22" style="font-size: 8pt;" aria-label="보안 (7 아이템)">보안</a> <a href="https://admin.biz.id/tag/%eb%b8%94%eb%a1%9c%ea%b7%b8-%ed%86%a4" class="tag-cloud-link tag-link-687 tag-link-position-23" style="font-size: 8.7216494845361pt;" aria-label="블로그 톤 (8 아이템)">블로그 톤</a> <a href="https://admin.biz.id/tag/%ec%82%ac%ea%b3%bc" class="tag-cloud-link tag-link-240 tag-link-position-24" style="font-size: 16.515463917526pt;" aria-label="사과 (30 아이템)">사과</a> <a href="https://admin.biz.id/tag/%ec%82%ac%ec%97%85" class="tag-cloud-link tag-link-802 tag-link-position-25" style="font-size: 8pt;" aria-label="사업 (7 아이템)">사업</a> <a href="https://admin.biz.id/tag/%ec%82%ac%ec%9d%b4%eb%b2%84-%eb%b3%b4%ec%95%88" class="tag-cloud-link tag-link-965 tag-link-position-26" style="font-size: 8pt;" aria-label="사이버 보안 (7 아이템)">사이버 보안</a> <a href="https://admin.biz.id/tag/%ec%82%bc%ec%84%b1" class="tag-cloud-link tag-link-662 tag-link-position-27" style="font-size: 12.041237113402pt;" aria-label="삼성 (14 아이템)">삼성</a> <a href="https://admin.biz.id/tag/%ec%83%81%ec%97%85" class="tag-cloud-link tag-link-745 tag-link-position-28" style="font-size: 8pt;" aria-label="상업 (7 아이템)">상업</a> <a href="https://admin.biz.id/tag/%ec%83%9d%ec%84%b1-ai" class="tag-cloud-link tag-link-449 tag-link-position-29" style="font-size: 8pt;" aria-label="생성 AI (7 아이템)">생성 AI</a> <a href="https://admin.biz.id/tag/%ec%86%8c%ec%8b%9d" class="tag-cloud-link tag-link-23 tag-link-position-30" style="font-size: 22pt;" aria-label="소식 (73 아이템)">소식</a> <a href="https://admin.biz.id/tag/%ec%87%bc%ed%95%91" class="tag-cloud-link tag-link-270 tag-link-position-31" style="font-size: 18.536082474227pt;" aria-label="쇼핑 (42 아이템)">쇼핑</a> <a href="https://admin.biz.id/tag/%ec%8a%a4%ed%8a%b8%eb%a6%ac%eb%b0%8d" class="tag-cloud-link tag-link-927 tag-link-position-32" style="font-size: 8pt;" aria-label="스트리밍 (7 아이템)">스트리밍</a> <a href="https://admin.biz.id/tag/%ec%95%84%eb%a7%88%ec%a1%b4" class="tag-cloud-link tag-link-846 tag-link-position-33" style="font-size: 8.7216494845361pt;" aria-label="아마존 (8 아이템)">아마존</a> <a href="https://admin.biz.id/tag/%ec%95%b1" class="tag-cloud-link tag-link-15 tag-link-position-34" style="font-size: 8pt;" aria-label="앱 (7 아이템)">앱</a> <a href="https://admin.biz.id/tag/%ec%97%98%eb%a1%a0-%eb%a8%b8%ec%8a%a4%ed%81%ac" class="tag-cloud-link tag-link-104 tag-link-position-35" style="font-size: 15.360824742268pt;" aria-label="엘론 머스크 (25 아이템)">엘론 머스크</a> <a href="https://admin.biz.id/tag/%ec%98%a4%eb%9d%bd" class="tag-cloud-link tag-link-389 tag-link-position-36" style="font-size: 14.350515463918pt;" aria-label="오락 (21 아이템)">오락</a> <a href="https://admin.biz.id/tag/%ec%9c%a0%ed%98%95-ti" class="tag-cloud-link tag-link-656 tag-link-position-37" style="font-size: 13.19587628866pt;" aria-label="유형 : TI (17 아이템)">유형 : TI</a> <a href="https://admin.biz.id/tag/%ec%9d%b8%ea%b3%b5-%ec%a7%80%eb%8a%a5" class="tag-cloud-link tag-link-731 tag-link-position-38" style="font-size: 11.030927835052pt;" aria-label="인공 지능 (12 아이템)">인공 지능</a> <a href="https://admin.biz.id/tag/%ec%9d%bc%ea%b0%81%ec%88%98" class="tag-cloud-link tag-link-134 tag-link-position-39" style="font-size: 11.60824742268pt;" aria-label="일각수 (13 아이템)">일각수</a> <a href="https://admin.biz.id/tag/%ec%9d%bc%ec%b2%b4-%ed%8f%ac%ed%95%a8" class="tag-cloud-link tag-link-4 tag-link-position-40" style="font-size: 18.103092783505pt;" aria-label="일체 포함 (39 아이템)">일체 포함</a> <a href="https://admin.biz.id/tag/%ec%a0%84%ea%b8%b0-%ec%9e%90%eb%8f%99%ec%b0%a8" class="tag-cloud-link tag-link-339 tag-link-position-41" style="font-size: 8pt;" aria-label="전기 자동차 (7 아이템)">전기 자동차</a> <a href="https://admin.biz.id/tag/%ec%a0%95%eb%b6%80" class="tag-cloud-link tag-link-676 tag-link-position-42" style="font-size: 15.649484536082pt;" aria-label="정부 (26 아이템)">정부</a> <a href="https://admin.biz.id/tag/%ec%a0%95%ec%b1%85" class="tag-cloud-link tag-link-675 tag-link-position-43" style="font-size: 10.020618556701pt;" aria-label="정책 (10 아이템)">정책</a> <a href="https://admin.biz.id/tag/%ec%a0%95%ec%b9%98" class="tag-cloud-link tag-link-117 tag-link-position-44" style="font-size: 16.80412371134pt;" aria-label="정치 (31 아이템)">정치</a> <a href="https://admin.biz.id/tag/%ec%b4%9d%eb%8f%85" class="tag-cloud-link tag-link-703 tag-link-position-45" style="font-size: 13.773195876289pt;" aria-label="총독 (19 아이템)">총독</a></div> </aside><aside id="custom_html-2" data-wow-delay=".6s" class="widget_text wow-callback zoomIn widget w-c side-bar-widget sidebar-1 widget_custom_html"><div class="textwidget custom-html-widget"><!-- Histats.com START (aync)--> <script type="text/javascript">var _Hasync= _Hasync|| []; _Hasync.push(['Histats.start', '1,4941385,4,0,0,0,00010000']); _Hasync.push(['Histats.fasi', '1']); _Hasync.push(['Histats.track_hits', '']); (function() { var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true; hs.src = ('//s10.histats.com/js15_as.js'); (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs); })();</script> <noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/0.gif?4941385&101" alt="" border="0"></a></noscript> <!-- Histats.com END --> </div></aside></div></div></div> </div> </section> <section class="spnc-page-section-space spnc-missed-section spncmc-1 spncmc-selective"> <div class="spnc-container"> <div class="spnc-row"> <div class="spnc-col-1"> <div class="spnc-missedcarousel spnc-common-widget-area"> <div class="spnc-main-wrapper"> <div class="spnc-main-wrapper-heading"> <h2 class="widget-title spncmc-head">당신은 놓쳤을 수도 있습니다</h2> </div> </div> <!--main carousel element--> <div id="spnc-missedcarousel" class="owl-carousel spnc-missed-wrap"> <div class="spnc-missed-post post-847"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="3958" fifu-featured="1" width="300" height="300" src="https://i1.wp.com/autoimage.capitalone.com/cms/Auto/assets/images/3737-hero-2025-honda-odyssey-review.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="완전히로드 된 2025 Honda Odyssey 비용" title="완전히로드 된 2025 Honda Odyssey 비용" title="완전히로드 된 2025 Honda Odyssey 비용" decoding="async" loading="lazy" /> </figure> <div class="spnc-entry-meta"> <span class="spnc-cat-links"> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/it-%ea%b0%9c%eb%b0%9c%ec%9e%90-%eb%89%b4%ec%8a%a4" class="newscrunch_category_592" title="IT 개발자 뉴스">IT 개발자 뉴스</a> <a href="https://admin.biz.id/category/%eb%89%b4%ec%8a%a4%ed%85%8c%ed%81%ac%eb%85%b8%ec%9d%b8%ed%8f%ac/%ea%b0%80%ec%a0%af%ea%b3%bc-%eb%a6%ac%eb%b7%b0" class="newscrunch_category_1" title="가젯과 리뷰">가젯과 리뷰</a> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/%eb%89%b4%ec%8a%a4-%ec%bb%b4%ed%93%a8%ed%84%b0" class="newscrunch_category_591" title="뉴스 컴퓨터">뉴스 컴퓨터</a> </span> </div> </div> <div class="spnc-post-content"> <header class="entry-header"> <h4 class="spnc-entry-title"> <a class="ancher_effact_1" href="https://admin.biz.id/fully-loaded-honda-odyssey-cost.html" title="완전히로드 된 2025 Honda Odyssey 비용">완전히로드 된 2025 Honda Odyssey 비용</a> </h4> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta spnc-entry-meta"> <span class="spnc-date"> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 20, 2025" class="entry-date">4월 20, 2025</time></a></span> <span class="spnc-author"><a href="https://admin.biz.id/author/hyun-woo" title="Posts by Hyun-woo (현우)"> Hyun-woo (현우)</a></span> </div> </div> </div> </article> </div> <div class="spnc-missed-post post-847"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="3944" fifu-featured="1" width="300" height="300" src="https://i0.wp.com/it-stargazer.com/wp-content/uploads/2024/07/Freedos-1024x982-optimized.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="모든 PC에서 Open-Source 버전의 DOS 인 Freedos를 실행하는 방법" title="모든 PC에서 Open-Source 버전의 DOS 인 Freedos를 실행하는 방법" title="모든 PC에서 Open-Source 버전의 DOS 인 Freedos를 실행하는 방법" decoding="async" loading="lazy" /> </figure> <div class="spnc-entry-meta"> <span class="spnc-cat-links"> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/it-%ea%b0%9c%eb%b0%9c%ec%9e%90-%eb%89%b4%ec%8a%a4" class="newscrunch_category_592" title="IT 개발자 뉴스">IT 개발자 뉴스</a> <a href="https://admin.biz.id/category/%eb%89%b4%ec%8a%a4%ed%85%8c%ed%81%ac%eb%85%b8%ec%9d%b8%ed%8f%ac/%ea%b0%80%ec%a0%af%ea%b3%bc-%eb%a6%ac%eb%b7%b0" class="newscrunch_category_1" title="가젯과 리뷰">가젯과 리뷰</a> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/%eb%89%b4%ec%8a%a4-%ec%bb%b4%ed%93%a8%ed%84%b0" class="newscrunch_category_591" title="뉴스 컴퓨터">뉴스 컴퓨터</a> </span> </div> </div> <div class="spnc-post-content"> <header class="entry-header"> <h4 class="spnc-entry-title"> <a class="ancher_effact_1" href="https://admin.biz.id/how-to-run-freedos-an-open-source-version-of-dos-on-any-pc.html" title="모든 PC에서 Open-Source 버전의 DOS 인 Freedos를 실행하는 방법">모든 PC에서 Open-Source 버전의 DOS 인 Freedos를 실행하는 방법</a> </h4> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta spnc-entry-meta"> <span class="spnc-date"> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 19, 2025" class="entry-date">4월 19, 2025</time></a></span> <span class="spnc-author"><a href="https://admin.biz.id/author/hyun-woo" title="Posts by Hyun-woo (현우)"> Hyun-woo (현우)</a></span> </div> </div> </div> </article> </div> <div class="spnc-missed-post post-847"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="3940" fifu-featured="1" width="300" height="300" src="https://i0.wp.com/sitem.ssgcdn.com/67/72/33/item/1000548337267_i1_750.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="여성을위한 최고의 스포츠 브라, 테스트 및 검토 (2025)" title="여성을위한 최고의 스포츠 브라, 테스트 및 검토 (2025)" title="여성을위한 최고의 스포츠 브라, 테스트 및 검토 (2025)" decoding="async" loading="lazy" /> </figure> <div class="spnc-entry-meta"> <span class="spnc-cat-links"> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/it-%ea%b0%9c%eb%b0%9c%ec%9e%90-%eb%89%b4%ec%8a%a4" class="newscrunch_category_592" title="IT 개발자 뉴스">IT 개발자 뉴스</a> <a href="https://admin.biz.id/category/%eb%89%b4%ec%8a%a4%ed%85%8c%ed%81%ac%eb%85%b8%ec%9d%b8%ed%8f%ac/%ea%b0%80%ec%a0%af%ea%b3%bc-%eb%a6%ac%eb%b7%b0" class="newscrunch_category_1" title="가젯과 리뷰">가젯과 리뷰</a> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/%eb%89%b4%ec%8a%a4-%ec%bb%b4%ed%93%a8%ed%84%b0" class="newscrunch_category_591" title="뉴스 컴퓨터">뉴스 컴퓨터</a> </span> </div> </div> <div class="spnc-post-content"> <header class="entry-header"> <h4 class="spnc-entry-title"> <a class="ancher_effact_1" href="https://admin.biz.id/best-sports-bras.html" title="여성을위한 최고의 스포츠 브라, 테스트 및 검토 (2025)">여성을위한 최고의 스포츠 브라, 테스트 및 검토 (2025)</a> </h4> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta spnc-entry-meta"> <span class="spnc-date"> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 19, 2025" class="entry-date">4월 19, 2025</time></a></span> <span class="spnc-author"><a href="https://admin.biz.id/author/hyun-woo" title="Posts by Hyun-woo (현우)"> Hyun-woo (현우)</a></span> </div> </div> </div> </article> </div> <div class="spnc-missed-post post-847"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="3938" fifu-featured="1" width="300" height="300" src="https://i3.wp.com/cdn.pixabay.com/photo/2016/02/15/22/47/kerosene-lamp-1202277_640.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="램프" title="램프" title="램프" decoding="async" loading="lazy" /> </figure> <div class="spnc-entry-meta"> <span class="spnc-cat-links"> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/it-%ea%b0%9c%eb%b0%9c%ec%9e%90-%eb%89%b4%ec%8a%a4" class="newscrunch_category_592" title="IT 개발자 뉴스">IT 개발자 뉴스</a> <a href="https://admin.biz.id/category/%eb%89%b4%ec%8a%a4%ed%85%8c%ed%81%ac%eb%85%b8%ec%9d%b8%ed%8f%ac/%ec%9d%bc%eb%b0%98-%ea%b8%b0%ec%88%a0-%eb%89%b4%ec%8a%a4" class="newscrunch_category_7" title="일반 기술 뉴스">일반 기술 뉴스</a> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/%ed%85%8c%ed%81%ac%eb%85%b8%ec%97%90-%eb%8c%80%ed%95%9c-%eb%aa%a8%eb%93%a0-%ea%b2%83" class="newscrunch_category_588" title="테크노에 대한 모든 것">테크노에 대한 모든 것</a> </span> </div> </div> <div class="spnc-post-content"> <header class="entry-header"> <h4 class="spnc-entry-title"> <a class="ancher_effact_1" href="https://admin.biz.id/%eb%9e%a8%ed%94%84.html" title="램프">램프</a> </h4> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta spnc-entry-meta"> <span class="spnc-date"> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 19, 2025" class="entry-date">4월 19, 2025</time></a></span> <span class="spnc-author"><a href="https://admin.biz.id/author/ji-ho" title="Posts by Ji-ho (지호)"> Ji-ho (지호)</a></span> </div> </div> </div> </article> </div> <div class="spnc-missed-post post-847"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="3933" fifu-featured="1" width="300" height="300" src="https://i1.wp.com/m.media-amazon.com/images/I/61cj4OIAjLL._AC_UF350,350_QL80_.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="4 가지 이유 Kobo Elipsa 2e는 당신의 놀라운 Paper Pro 대안이어야합니다." title="4 가지 이유 Kobo Elipsa 2e는 당신의 놀라운 Paper Pro 대안이어야합니다." title="4 가지 이유 Kobo Elipsa 2e는 당신의 놀라운 Paper Pro 대안이어야합니다." decoding="async" loading="lazy" /> </figure> <div class="spnc-entry-meta"> <span class="spnc-cat-links"> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/it-%ea%b0%9c%eb%b0%9c%ec%9e%90-%eb%89%b4%ec%8a%a4" class="newscrunch_category_592" title="IT 개발자 뉴스">IT 개발자 뉴스</a> <a href="https://admin.biz.id/category/%eb%89%b4%ec%8a%a4%ed%85%8c%ed%81%ac%eb%85%b8%ec%9d%b8%ed%8f%ac/%ea%b0%80%ec%a0%af%ea%b3%bc-%eb%a6%ac%eb%b7%b0" class="newscrunch_category_1" title="가젯과 리뷰">가젯과 리뷰</a> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/%eb%89%b4%ec%8a%a4-%ec%bb%b4%ed%93%a8%ed%84%b0" class="newscrunch_category_591" title="뉴스 컴퓨터">뉴스 컴퓨터</a> </span> </div> </div> <div class="spnc-post-content"> <header class="entry-header"> <h4 class="spnc-entry-title"> <a class="ancher_effact_1" href="https://admin.biz.id/kobo-elipsa-2e-remarkable-paper-pro.html" title="4 가지 이유 Kobo Elipsa 2e는 당신의 놀라운 Paper Pro 대안이어야합니다.">4 가지 이유 Kobo Elipsa 2e는 당신의 놀라운 Paper Pro 대안이어야합니다.</a> </h4> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta spnc-entry-meta"> <span class="spnc-date"> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 19, 2025" class="entry-date">4월 19, 2025</time></a></span> <span class="spnc-author"><a href="https://admin.biz.id/author/hyun-woo" title="Posts by Hyun-woo (현우)"> Hyun-woo (현우)</a></span> </div> </div> </div> </article> </div> <div class="spnc-missed-post post-847"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="3931" fifu-featured="1" width="300" height="300" src="https://i1.wp.com/m.media-amazon.com/images/I/61LBcP+aDLL._AC_UF894,1000_QL80_.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="ERCTEQ" title="ERCTEQ" title="ERCTEQ" decoding="async" loading="lazy" /> </figure> <div class="spnc-entry-meta"> <span class="spnc-cat-links"> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/it-%ea%b0%9c%eb%b0%9c%ec%9e%90-%eb%89%b4%ec%8a%a4" class="newscrunch_category_592" title="IT 개발자 뉴스">IT 개발자 뉴스</a> <a href="https://admin.biz.id/category/%eb%89%b4%ec%8a%a4%ed%85%8c%ed%81%ac%eb%85%b8%ec%9d%b8%ed%8f%ac/%ec%9d%bc%eb%b0%98-%ea%b8%b0%ec%88%a0-%eb%89%b4%ec%8a%a4" class="newscrunch_category_7" title="일반 기술 뉴스">일반 기술 뉴스</a> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/%ed%85%8c%ed%81%ac%eb%85%b8%ec%97%90-%eb%8c%80%ed%95%9c-%eb%aa%a8%eb%93%a0-%ea%b2%83" class="newscrunch_category_588" title="테크노에 대한 모든 것">테크노에 대한 모든 것</a> </span> </div> </div> <div class="spnc-post-content"> <header class="entry-header"> <h4 class="spnc-entry-title"> <a class="ancher_effact_1" href="https://admin.biz.id/ercteq.html" title="ERCTEQ">ERCTEQ</a> </h4> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta spnc-entry-meta"> <span class="spnc-date"> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 19, 2025" class="entry-date">4월 19, 2025</time></a></span> <span class="spnc-author"><a href="https://admin.biz.id/author/ji-ho" title="Posts by Ji-ho (지호)"> Ji-ho (지호)</a></span> </div> </div> </div> </article> </div> <div class="spnc-missed-post post-847"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="3925" fifu-featured="1" width="300" height="300" src="https://i2.wp.com/image.isu.pub/190221204338-3044b8481efca155d9d95630f444fd6d/jpg/page_1_social_preview.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="YouTube Music은 마침내 오디오를 정상화하는 법을 배우고 있습니다" title="YouTube Music은 마침내 오디오를 정상화하는 법을 배우고 있습니다" title="YouTube Music은 마침내 오디오를 정상화하는 법을 배우고 있습니다" decoding="async" loading="lazy" /> </figure> <div class="spnc-entry-meta"> <span class="spnc-cat-links"> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/it-%ea%b0%9c%eb%b0%9c%ec%9e%90-%eb%89%b4%ec%8a%a4" class="newscrunch_category_592" title="IT 개발자 뉴스">IT 개발자 뉴스</a> <a href="https://admin.biz.id/category/%eb%89%b4%ec%8a%a4%ed%85%8c%ed%81%ac%eb%85%b8%ec%9d%b8%ed%8f%ac/%ea%b0%80%ec%a0%af%ea%b3%bc-%eb%a6%ac%eb%b7%b0" class="newscrunch_category_1" title="가젯과 리뷰">가젯과 리뷰</a> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/%eb%89%b4%ec%8a%a4-%ec%bb%b4%ed%93%a8%ed%84%b0" class="newscrunch_category_591" title="뉴스 컴퓨터">뉴스 컴퓨터</a> </span> </div> </div> <div class="spnc-post-content"> <header class="entry-header"> <h4 class="spnc-entry-title"> <a class="ancher_effact_1" href="https://admin.biz.id/youtube-music-normalize-3546061.html" title="YouTube Music은 마침내 오디오를 정상화하는 법을 배우고 있습니다">YouTube Music은 마침내 오디오를 정상화하는 법을 배우고 있습니다</a> </h4> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta spnc-entry-meta"> <span class="spnc-date"> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 19, 2025" class="entry-date">4월 19, 2025</time></a></span> <span class="spnc-author"><a href="https://admin.biz.id/author/hyun-woo" title="Posts by Hyun-woo (현우)"> Hyun-woo (현우)</a></span> </div> </div> </div> </article> </div> <div class="spnc-missed-post post-847"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="3923" fifu-featured="1" width="300" height="300" src="https://i3.wp.com/img1.daumcdn.net/thumb/R1280x0/?fname=http://t1.daumcdn.net/brunch/service/user/dTP6/image/e1UzsjEPz1euJ5Z0qFbLTNOd9zQ.png&w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="로봇이 가장 가혹한 환경에서 살아남을 수있는 방법" title="로봇이 가장 가혹한 환경에서 살아남을 수있는 방법" title="로봇이 가장 가혹한 환경에서 살아남을 수있는 방법" decoding="async" loading="lazy" /> </figure> <div class="spnc-entry-meta"> <span class="spnc-cat-links"> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/it-%ea%b0%9c%eb%b0%9c%ec%9e%90-%eb%89%b4%ec%8a%a4" class="newscrunch_category_592" title="IT 개발자 뉴스">IT 개발자 뉴스</a> <a href="https://admin.biz.id/category/%eb%89%b4%ec%8a%a4%ed%85%8c%ed%81%ac%eb%85%b8%ec%9d%b8%ed%8f%ac/%ec%9d%bc%eb%b0%98-%ea%b8%b0%ec%88%a0-%eb%89%b4%ec%8a%a4" class="newscrunch_category_7" title="일반 기술 뉴스">일반 기술 뉴스</a> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/%ed%85%8c%ed%81%ac%eb%85%b8%ec%97%90-%eb%8c%80%ed%95%9c-%eb%aa%a8%eb%93%a0-%ea%b2%83" class="newscrunch_category_588" title="테크노에 대한 모든 것">테크노에 대한 모든 것</a> </span> </div> </div> <div class="spnc-post-content"> <header class="entry-header"> <h4 class="spnc-entry-title"> <a class="ancher_effact_1" href="https://admin.biz.id/%eb%a1%9c%eb%b4%87%ec%9d%b4-%ea%b0%80%ec%9e%a5-%ea%b0%80%ed%98%b9%ed%95%9c-%ed%99%98%ea%b2%bd%ec%97%90%ec%84%9c-%ec%82%b4%ec%95%84%eb%82%a8%ec%9d%84-%ec%88%98%ec%9e%88%eb%8a%94-%eb%b0%a9%eb%b2%95.html" title="로봇이 가장 가혹한 환경에서 살아남을 수있는 방법">로봇이 가장 가혹한 환경에서 살아남을 수있는 방법</a> </h4> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta spnc-entry-meta"> <span class="spnc-date"> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 19, 2025" class="entry-date">4월 19, 2025</time></a></span> <span class="spnc-author"><a href="https://admin.biz.id/author/ji-ho" title="Posts by Ji-ho (지호)"> Ji-ho (지호)</a></span> </div> </div> </div> </article> </div> <div class="spnc-missed-post post-847"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="3917" fifu-featured="1" width="300" height="300" src="https://i0.wp.com/cdn.mos.cms.futurecdn.net/oijgAiLQv7bBTTTmbTsQKZ.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="우분투 25.04 | 톰의 하드웨어" title="우분투 25.04 | 톰의 하드웨어" title="우분투 25.04 | 톰의 하드웨어" decoding="async" loading="lazy" /> </figure> <div class="spnc-entry-meta"> <span class="spnc-cat-links"> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/it-%ea%b0%9c%eb%b0%9c%ec%9e%90-%eb%89%b4%ec%8a%a4" class="newscrunch_category_592" title="IT 개발자 뉴스">IT 개발자 뉴스</a> <a href="https://admin.biz.id/category/%eb%89%b4%ec%8a%a4%ed%85%8c%ed%81%ac%eb%85%b8%ec%9d%b8%ed%8f%ac/%ea%b0%80%ec%a0%af%ea%b3%bc-%eb%a6%ac%eb%b7%b0" class="newscrunch_category_1" title="가젯과 리뷰">가젯과 리뷰</a> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/%eb%89%b4%ec%8a%a4-%ec%bb%b4%ed%93%a8%ed%84%b0" class="newscrunch_category_591" title="뉴스 컴퓨터">뉴스 컴퓨터</a> </span> </div> </div> <div class="spnc-post-content"> <header class="entry-header"> <h4 class="spnc-entry-title"> <a class="ancher_effact_1" href="https://admin.biz.id/ubuntu-25-04-launches-with-host-of-new-features.html" title="우분투 25.04 | 톰의 하드웨어">우분투 25.04 | 톰의 하드웨어</a> </h4> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta spnc-entry-meta"> <span class="spnc-date"> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 18, 2025" class="entry-date">4월 18, 2025</time></a></span> <span class="spnc-author"><a href="https://admin.biz.id/author/hyun-woo" title="Posts by Hyun-woo (현우)"> Hyun-woo (현우)</a></span> </div> </div> </div> </article> </div> <div class="spnc-missed-post post-847"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="3915" fifu-featured="1" width="300" height="300" src="https://i3.wp.com/pimg.mk.co.kr/news/cms/202409/08/news-p.v1.20240908.fc27fe1d99bf420a8aa0440ef7043bc8_R.png?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="화웨이의 3 대 전화를보십시오" title="화웨이의 3 대 전화를보십시오" title="화웨이의 3 대 전화를보십시오" decoding="async" loading="lazy" /> </figure> <div class="spnc-entry-meta"> <span class="spnc-cat-links"> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/it-%ea%b0%9c%eb%b0%9c%ec%9e%90-%eb%89%b4%ec%8a%a4" class="newscrunch_category_592" title="IT 개발자 뉴스">IT 개발자 뉴스</a> <a href="https://admin.biz.id/category/%eb%89%b4%ec%8a%a4%ed%85%8c%ed%81%ac%eb%85%b8%ec%9d%b8%ed%8f%ac/%ec%9d%bc%eb%b0%98-%ea%b8%b0%ec%88%a0-%eb%89%b4%ec%8a%a4" class="newscrunch_category_7" title="일반 기술 뉴스">일반 기술 뉴스</a> <a href="https://admin.biz.id/category/%ec%86%8c%ec%8b%9d/%ed%85%8c%ed%81%ac%eb%85%b8%ec%97%90-%eb%8c%80%ed%95%9c-%eb%aa%a8%eb%93%a0-%ea%b2%83" class="newscrunch_category_588" title="테크노에 대한 모든 것">테크노에 대한 모든 것</a> </span> </div> </div> <div class="spnc-post-content"> <header class="entry-header"> <h4 class="spnc-entry-title"> <a class="ancher_effact_1" href="https://admin.biz.id/%ed%99%94%ec%9b%a8%ec%9d%b4%ec%9d%98-3-%eb%8c%80-%ec%a0%84%ed%99%94%eb%a5%bc%eb%b3%b4%ec%8b%ad%ec%8b%9c%ec%98%a4.html" title="화웨이의 3 대 전화를보십시오">화웨이의 3 대 전화를보십시오</a> </h4> </header> <div class="spnc-entry-content"> <div class="spnc-footer-meta spnc-entry-meta"> <span class="spnc-date"> <a itemprop="url" href="https://admin.biz.id/1970/01" title="date-time"><time itemprop="4월 18, 2025" class="entry-date">4월 18, 2025</time></a></span> <span class="spnc-author"><a href="https://admin.biz.id/author/ji-ho" title="Posts by Ji-ho (지호)"> Ji-ho (지호)</a></span> </div> </div> </div> </article> </div> </div> <!--element to hold filtered out items--> <div id="spnc-blog-hidden" class="hide"></div> </div> </div> </div> </div> </section><section class="before-footer-ads"></section> <footer itemscope itemtype="http://schema.org/WPFooter" class="site-footer bg-default bg-footer-lite spnc-footer-ribbon-1" > <div class="overlay" style="background-color: rgb(15,11,31,0.9);"></div> <div class="spnc-container"> </div> <div class="site-info"> <div data-wow-delay=".5s" class="wow-callback slideInLeft spnc-container"> <div class="spnc-row"> <div class="spnc-col-1 spnc-right"> </div> <div class="spnc-col-1 spnc-left"> <p class="copyright-section"> NewsBlogger - Magazine & Blog <a href="https://wordpress.org">WordPress</a> Theme 2025 | Powered By <a href="https://spicethemes.com/" rel="nofollow"> SpiceThemes</a> </p> </div> </div> </div> </div> </footer> <div class="scroll-up custom right"><a href="#totop" title="Back to Top"><i class="fa fa-arrow-up"></i></a></div> <style type="text/css"> .scroll-up { right: 3.75rem; } .scroll-up.left { right: auto; } .scroll-up.custom a { border-radius: 3px; } </style> <style type="text/css"> .scroll-up.custom a { background: #; color: #fff; } .scroll-up.custom a:hover { background: #; color: #fff; } </style> </div> <script> let spncStore = 'spnc-theme'; var spncp_skin_mode = 'spnc_light'; let spncGetColor = function () { if (localStorage.getItem(spncStore)) { return localStorage.getItem(spncStore) } else { if(spncp_skin_mode == 'spnc_light') { return window.matchMedia('(spnc-color-scheme: spnc_dark)').matches ? 'spnc_dark' : 'spnc_light'; } else { return window.matchMedia('(spnc-color-scheme: spnc_dark)').matches ? 'spnc_light' : 'spnc_dark'; } } } let theme = { value: spncGetColor() }; let setPreference = function () { localStorage.setItem(spncStore, theme.value); reflectPreference(); } if(jQuery('.custom-logo')[0] ){ var img1 = document.querySelector('.custom-logo').src; var img2 = document.querySelector('.dark-custom-logo').src; } let reflectPreference = function () { document.firstElementChild.setAttribute("data-theme", theme.value); document.querySelector("#spnc-layout-icon")?.setAttribute("aria-label", theme.value); document.querySelector("#spnc-layout-icon-2")?.setAttribute("aria-label", theme.value); if(jQuery('.custom-logo')[0] ){ let logoImageUrl = document.querySelector('img.custom-logo'); let logoImageUrl1 = document.querySelector('#spnc-menu-open img.custom-logo'); logoImageUrl.src = theme.value === 'spnc_light' ? img1 : img2; logoImageUrl.srcset=theme.value === 'spnc_light' ? img1 : img2; logoImageUrl1.src = theme.value === 'spnc_light' ? img1 : img2; logoImageUrl1.srcset=theme.value === 'spnc_light' ? img1 : img2; } let toggleBtn1 = document.querySelector("#spnc-layout-icon"); let iconCode = toggleBtn1.querySelector(".fa-solid"); iconCode.className = theme.value === 'spnc_light' ? 'fa-solid fa-moon' : 'fa-solid fa-sun'; } // set early so no page flashes / CSS is made aware reflectPreference(); window.addEventListener('load', function () { reflectPreference(); let toggleBtn = document.querySelector("#spnc-layout-icon"); if (toggleBtn) { toggleBtn.addEventListener("click", function (event) { event.preventDefault(); if(spncp_skin_mode == 'spnc_light') { theme.value = theme.value === 'spnc_light' ? 'spnc_dark' : 'spnc_light'; } else { theme.value = theme.value === 'spnc_dark' ? 'spnc_light' : 'spnc_dark'; } setPreference(); }); } let toggleBtn2 = document.querySelector("#spnc-layout-icon-2"); if (toggleBtn2) { toggleBtn2.addEventListener("click", function () { event.preventDefault(); if(spncp_skin_mode == 'spnc_light') { theme.value = theme.value === 'spnc_light' ? 'spnc_dark' : 'spnc_light'; } else { theme.value = theme.value === 'spnc_dark' ? 'spnc_light' : 'spnc_dark'; } setPreference(); }); } }); // sync with system changes window.matchMedia('(spnc-color-scheme: spnc_light)') .addEventListener('change', ({matches: isDark}) => { theme.value = isDark ? 'spnc_light' : 'spnc_dark'; setPreference(); }); </script> <script> // search const search_elm = document.getElementById('searchbar_fullscreen'); search_elm.addEventListener('focusout', (event) => { if(search_elm.contains(event.relatedTarget)==false){ jQuery("#searchbar_fullscreen").removeClass('open'); } }); </script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/newsblogger\/*","\/wp-content\/themes\/newscrunch\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="text/javascript" src="https://admin.biz.id/wp-content/themes/newsblogger/assets/js/missed-custom.js?ver=6.8" id="newsblogger-custom-js"></script> <script type="text/javascript" src="https://admin.biz.id/wp-content/themes/newscrunch/assets/js/owl.carousel.min.js?ver=6.8" id="owl-carousel-js"></script> <script type="text/javascript" src="https://admin.biz.id/wp-content/themes/newscrunch/assets/js/custom.js?ver=6.8" id="newscrunch-custom-js"></script> <script type="text/javascript" src="https://admin.biz.id/wp-content/themes/newscrunch/assets/js/menu/menu.js?ver=6.8" id="newscrunch-menu-js"></script> <script type="text/javascript" src="https://admin.biz.id/wp-content/themes/newscrunch/assets/js/main.js?ver=6.8" id="newscrunch-main-js"></script> <script type="text/javascript" src="https://admin.biz.id/wp-content/themes/newscrunch/assets/js/magnific-popup.min.js?ver=6.8" id="magnific-popup-js"></script> <script type="text/javascript" src="https://admin.biz.id/wp-content/themes/newscrunch/assets/js/sticky-sidebar.min.js?ver=6.8" id="newscrunch-sticky-sidebar-js"></script> <script type="text/javascript" src="https://admin.biz.id/wp-includes/js/comment-reply.min.js?ver=6.8" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" id="newscrunch-missed-js-extra"> /* <![CDATA[ */ var newscrunch_missed_settings = {"loop":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://admin.biz.id/wp-content/themes/newscrunch/assets/js/missed.js?ver=6.8" id="newscrunch-missed-js"></script> <script type="text/javascript" id="fifu-json-ld-js-extra"> /* <![CDATA[ */ var fifuJsonLd = {"url":"https:\/\/i1.wp.com\/files.smashing.media\/articles\/previewing-content-changes-work-documentdesignmode\/previewing-content-changes-work-documentdesignmode.jpg?ssl=1"}; /* ]]> */ </script> <script type="text/javascript" src="https://admin.biz.id/wp-content/plugins/featured-image-from-url/includes/html/js/json-ld.js?ver=4.9.7" id="fifu-json-ld-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>