문서로 작업의 콘텐츠 변경 미리보기 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/asb-glassfloor-led-basketball-arena-flooring.html" title="농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?"><img post-id="5577" fifu-featured="1" width="1920" height="1267" src="https://i1.wp.com/www.bibiled.com/wp-content/uploads/2025/01/Can-LED-floor-screens-be-used-on-basketball-courts-www.bibiled.com-1.jpg?w=1920&resize=1920,1267&ssl=1" class="img-fluid sp-thumb-img wp-post-image" alt="농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?" title="농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?" title="농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?" 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/asb-glassfloor-led-basketball-arena-flooring.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/asb-glassfloor-led-basketball-arena-flooring.html" title="농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?">농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?</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="6월 17, 2025" class="entry-date">6월 17, 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/oneplus-15-camera-leak.html" title="OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다."><img post-id="5570" fifu-featured="1" width="1920" height="4281" src="https://i1.wp.com/forumstatic.oneplusmobile.com/opforum-gl/upload/image/app/thread/20241218/0650145818367464411/1754180008437350401/1754180008437350401.jpg?w=1920&resize=1920,4281&ssl=1" class="img-fluid sp-thumb-img wp-post-image" alt="OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다." title="OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다." title="OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다." 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/oneplus-15-camera-leak.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/oneplus-15-camera-leak.html" title="OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다.">OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다.</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="6월 17, 2025" class="entry-date">6월 17, 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/pypdf-%eb%b0%8f-langchain%ec%9c%bc%eb%a1%9c-%eb%a7%9e%ec%b6%a4%ed%98%95-pdf-%ed%8c%8c%ec%84%9c-%ea%b5%ac%ec%b6%95.html" title="PYPDF 및 Langchain으로 맞춤형 PDF 파서 구축"><img post-id="5568" fifu-featured="1" width="1920" height="1075" src="https://i3.wp.com/www.kdnuggets.com/wp-content/uploads/Building-a-Custom-PDF-Parser-with-PyPDF-and-LangChain.png?w=1920&resize=1920,1075&ssl=1" class="img-fluid sp-thumb-img wp-post-image" alt="PYPDF 및 Langchain으로 맞춤형 PDF 파서 구축" title="PYPDF 및 Langchain으로 맞춤형 PDF 파서 구축" title="PYPDF 및 Langchain으로 맞춤형 PDF 파서 구축" 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/seo-jun" title="Posts by Seo-jun (서준)"> Seo-jun (서준) </a> </span> <span class="comment-links"><i class="fa-solid fa-message"></i> <a itemprop="url" href="https://admin.biz.id/pypdf-%eb%b0%8f-langchain%ec%9c%bc%eb%a1%9c-%eb%a7%9e%ec%b6%a4%ed%98%95-pdf-%ed%8c%8c%ec%84%9c-%ea%b5%ac%ec%b6%95.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/pypdf-%eb%b0%8f-langchain%ec%9c%bc%eb%a1%9c-%eb%a7%9e%ec%b6%a4%ed%98%95-pdf-%ed%8c%8c%ec%84%9c-%ea%b5%ac%ec%b6%95.html" title="PYPDF 및 Langchain으로 맞춤형 PDF 파서 구축">PYPDF 및 Langchain으로 맞춤형 PDF 파서 구축</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="6월 17, 2025" class="entry-date">6월 17, 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/openai-microsoft-%ea%b4%80%ea%b3%84%ec%9d%98-%ea%b7%a0%ec%97%b4%ec%9d%b4-%eb%84%93%ec%96%b4%ec%a7%80%ea%b3%a0-%ec%9e%88%ec%8a%b5%eb%8b%88%eb%8b%a4.html">Openai-Microsoft 관계의 균열이 넓어지고 있습니다</a> </li> <li> <a href="https://admin.biz.id/%ec%9c%a0%eb%9f%bd-%ea%b8%b0%ec%88%a0-%ec%a3%bc%ea%b0%84-%ec%9a%94%ec%95%bd-e-1-1b-%ec%9d%b4%ec%83%81%ec%9d%98-%ea%b0%80%ec%b9%98%ea%b0%80%ec%9e%88%eb%8a%94-60-%ea%b0%9c-%ec%9d%b4.html">유럽 ​​기술 주간 요약 : € 1.1B 이상의 가치가있는 60 개 이상의 기술 자금 조달 거래</a> </li> <li> <a href="https://admin.biz.id/asb-glassfloor-led-basketball-arena-flooring.html">농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?</a> </li> <li> <a href="https://admin.biz.id/eufy%ec%9d%98-3-in-1-%eb%a1%9c%eb%b4%87-%ec%a7%84%ea%b3%b5-%ec%b2%ad%ec%86%8c%ea%b8%b0%eb%8a%94-%ea%b8%b0%eb%a1%9d%ec%a0%81%ec%9d%b8-%ea%b0%80%ea%b2%a9%ec%9c%bc%eb%a1%9c-%eb%96%a8%ec%96%b4%ec%a7%91.html">EUFY의 3-in-1 로봇 진공 청소기는 기록적인 가격으로 떨어집니다</a> </li> <li> <a href="https://admin.biz.id/%eb%a0%88%ec%9d%b4%ec%96%b4-2-%ed%84%b0%eb%84%90-%eb%b0%8f-%eb%a9%94%ed%83%80-%ed%8a%b8%eb%9e%9c%ec%9e%ad%ec%85%98%ec%9d%b4-%eb%b8%94%eb%a1%9d-%ec%b2%b4%ec%9d%b8%ec%9d%84-%ec%9e%a0%ea%b7%b8%eb%8a%94.html">레이어 -2 터널 및 메타 트랜잭션이 블록 체인을 잠그는 방법</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/06'>2025년 6월</a></li> <li><a href='https://admin.biz.id/2025/05'>2025년 5월</a></li> <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: 8pt;" aria-label="AWS (11 아이템)">AWS</a> <a href="https://admin.biz.id/tag/google" class="tag-cloud-link tag-link-19 tag-link-position-2" style="font-size: 17.066666666667pt;" aria-label="Google (56 아이템)">Google</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-3" style="font-size: 8pt;" aria-label="IEEE 회원 뉴스 (11 아이템)">IEEE 회원 뉴스</a> <a href="https://admin.biz.id/tag/openai" class="tag-cloud-link tag-link-670 tag-link-position-4" style="font-size: 10.933333333333pt;" aria-label="Openai (19 아이템)">Openai</a> <a href="https://admin.biz.id/tag/%ea%b0%84%eb%8b%a8%ed%9e%88" class="tag-cloud-link tag-link-721 tag-link-position-5" style="font-size: 8pt;" aria-label="간단히 (11 아이템)">간단히</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.466666666667pt;" aria-label="거래 (21 아이템)">거래</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: 8.4pt;" aria-label="검토 (12 아이템)">검토</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: 9.6pt;" aria-label="과학 (15 아이템)">과학</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.066666666667pt;" aria-label="구매 가이드 (28 아이템)">구매 가이드</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-10" style="font-size: 10pt;" aria-label="기계적 인조 인간 (16 아이템)">기계적 인조 인간</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-11" style="font-size: 9.3333333333333pt;" aria-label="기계 학습 (14 아이템)">기계 학습</a> <a href="https://admin.biz.id/tag/%ea%b8%b0%ec%88%a0" class="tag-cloud-link tag-link-611 tag-link-position-12" style="font-size: 19.066666666667pt;" aria-label="기술 (81 아이템)">기술</a> <a href="https://admin.biz.id/tag/%ea%b8%b0%ec%96%b4" class="tag-cloud-link tag-link-24 tag-link-position-13" style="font-size: 15.333333333333pt;" aria-label="기어 (42 아이템)">기어</a> <a href="https://admin.biz.id/tag/%eb%85%b8%eb%a6%84" class="tag-cloud-link tag-link-621 tag-link-position-14" style="font-size: 15.2pt;" aria-label="노름 (41 아이템)">노름</a> <a href="https://admin.biz.id/tag/%eb%8b%8c%ed%85%90%eb%8f%84" class="tag-cloud-link tag-link-1163 tag-link-position-15" style="font-size: 9.6pt;" aria-label="닌텐도 (15 아이템)">닌텐도</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-16" style="font-size: 13.333333333333pt;" aria-label="도널드 트럼프 (29 아이템)">도널드 트럼프</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-17" style="font-size: 11.2pt;" aria-label="로봇 공학 (20 아이템)">로봇 공학</a> <a href="https://admin.biz.id/tag/%eb%a6%ac%eb%b7%b0" class="tag-cloud-link tag-link-647 tag-link-position-18" style="font-size: 9.3333333333333pt;" aria-label="리뷰 (14 아이템)">리뷰</a> <a href="https://admin.biz.id/tag/%eb%a9%94%ed%83%80" class="tag-cloud-link tag-link-9 tag-link-position-19" style="font-size: 10pt;" aria-label="메타 (16 아이템)">메타</a> <a href="https://admin.biz.id/tag/%eb%b3%b4%ec%95%88" class="tag-cloud-link tag-link-108 tag-link-position-20" style="font-size: 8pt;" aria-label="보안 (11 아이템)">보안</a> <a href="https://admin.biz.id/tag/%ec%82%ac%ea%b3%bc" class="tag-cloud-link tag-link-240 tag-link-position-21" style="font-size: 16.4pt;" aria-label="사과 (50 아이템)">사과</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-22" style="font-size: 8.9333333333333pt;" aria-label="사이버 보안 (13 아이템)">사이버 보안</a> <a href="https://admin.biz.id/tag/%ec%82%bc%ec%84%b1" class="tag-cloud-link tag-link-662 tag-link-position-23" style="font-size: 12pt;" aria-label="삼성 (23 아이템)">삼성</a> <a href="https://admin.biz.id/tag/%ec%83%81%ec%97%85" class="tag-cloud-link tag-link-745 tag-link-position-24" style="font-size: 8pt;" aria-label="상업 (11 아이템)">상업</a> <a href="https://admin.biz.id/tag/%ec%86%8c%ec%85%9c-%eb%af%b8%eb%94%94%ec%96%b4" class="tag-cloud-link tag-link-10 tag-link-position-25" style="font-size: 8.4pt;" aria-label="소셜 미디어 (12 아이템)">소셜 미디어</a> <a href="https://admin.biz.id/tag/%ec%86%8c%ec%8b%9d" class="tag-cloud-link tag-link-23 tag-link-position-26" style="font-size: 22pt;" aria-label="소식 (134 아이템)">소식</a> <a href="https://admin.biz.id/tag/%ec%87%bc%ed%95%91" class="tag-cloud-link tag-link-270 tag-link-position-27" style="font-size: 18.4pt;" aria-label="쇼핑 (72 아이템)">쇼핑</a> <a href="https://admin.biz.id/tag/%ec%8a%a4%eb%a7%88%ed%8a%b8-%ed%99%88" class="tag-cloud-link tag-link-750 tag-link-position-28" style="font-size: 8pt;" aria-label="스마트 홈 (11 아이템)">스마트 홈</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-29" style="font-size: 8.9333333333333pt;" aria-label="스트리밍 (13 아이템)">스트리밍</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-30" style="font-size: 8.9333333333333pt;" aria-label="아마존 (13 아이템)">아마존</a> <a href="https://admin.biz.id/tag/%ec%95%b1" class="tag-cloud-link tag-link-15 tag-link-position-31" style="font-size: 9.3333333333333pt;" aria-label="앱 (14 아이템)">앱</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-32" style="font-size: 13.733333333333pt;" aria-label="엘론 머스크 (31 아이템)">엘론 머스크</a> <a href="https://admin.biz.id/tag/%ec%98%a4%eb%9d%bd" class="tag-cloud-link tag-link-389 tag-link-position-33" style="font-size: 14.933333333333pt;" aria-label="오락 (39 아이템)">오락</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-34" style="font-size: 12pt;" aria-label="유형 : TI (23 아이템)">유형 : TI</a> <a href="https://admin.biz.id/tag/%ec%9c%a0%ed%98%95-%eb%b6%80%ec%84%9c" class="tag-cloud-link tag-link-891 tag-link-position-35" style="font-size: 8pt;" aria-label="유형 : 부서 (11 아이템)">유형 : 부서</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-36" style="font-size: 12.933333333333pt;" aria-label="인공 지능 (27 아이템)">인공 지능</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-37" style="font-size: 8.9333333333333pt;" 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-38" style="font-size: 17.466666666667pt;" aria-label="일체 포함 (61 아이템)">일체 포함</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-39" style="font-size: 8.4pt;" aria-label="전기 자동차 (12 아이템)">전기 자동차</a> <a href="https://admin.biz.id/tag/%ec%a0%95%eb%b6%80" class="tag-cloud-link tag-link-676 tag-link-position-40" style="font-size: 13.466666666667pt;" aria-label="정부 (30 아이템)">정부</a> <a href="https://admin.biz.id/tag/%ec%a0%95%ec%b1%85" class="tag-cloud-link tag-link-675 tag-link-position-41" style="font-size: 9.6pt;" aria-label="정책 (15 아이템)">정책</a> <a href="https://admin.biz.id/tag/%ec%a0%95%ec%b9%98" class="tag-cloud-link tag-link-117 tag-link-position-42" style="font-size: 15.066666666667pt;" aria-label="정치 (40 아이템)">정치</a> <a href="https://admin.biz.id/tag/%ec%b4%9d%eb%8f%85" class="tag-cloud-link tag-link-703 tag-link-position-43" style="font-size: 11.466666666667pt;" aria-label="총독 (21 아이템)">총독</a> <a href="https://admin.biz.id/tag/%ec%bf%a0%ed%8f%b0" class="tag-cloud-link tag-link-874 tag-link-position-44" style="font-size: 10.4pt;" aria-label="쿠폰 (17 아이템)">쿠폰</a> <a href="https://admin.biz.id/tag/%ed%9c%b4%eb%a8%b8%eb%85%b8%ec%9d%b4%eb%93%9c-%eb%a1%9c%eb%b4%87" class="tag-cloud-link tag-link-1016 tag-link-position-45" style="font-size: 8.4pt;" aria-label="휴머노이드 로봇 (12 아이템)">휴머노이드 로봇</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-1260"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="5580" fifu-featured="1" width="300" height="300" src="https://i1.wp.com/img.ttimes.co.kr/img/202407/2024071917017739679_11883_28.png?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="Openai-Microsoft 관계의 균열이 넓어지고 있습니다" title="Openai-Microsoft 관계의 균열이 넓어지고 있습니다" title="Openai-Microsoft 관계의 균열이 넓어지고 있습니다" 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/openai-microsoft-%ea%b4%80%ea%b3%84%ec%9d%98-%ea%b7%a0%ec%97%b4%ec%9d%b4-%eb%84%93%ec%96%b4%ec%a7%80%ea%b3%a0-%ec%9e%88%ec%8a%b5%eb%8b%88%eb%8b%a4.html" title="Openai-Microsoft 관계의 균열이 넓어지고 있습니다">Openai-Microsoft 관계의 균열이 넓어지고 있습니다</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="6월 18, 2025" class="entry-date">6월 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 class="spnc-missed-post post-1260"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="5577" fifu-featured="1" width="300" height="300" src="https://i1.wp.com/www.bibiled.com/wp-content/uploads/2025/01/Can-LED-floor-screens-be-used-on-basketball-courts-www.bibiled.com-1.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?" title="농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?" title="농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?" 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/asb-glassfloor-led-basketball-arena-flooring.html" title="농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?">농구가 대화식 LED 바닥이 필요하다는 것을 누가 알았습니까?</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="6월 17, 2025" class="entry-date">6월 17, 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-1260"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="5573" fifu-featured="1" width="300" height="300" src="https://i1.wp.com/d2c0db5b8fb27c1c9887-9b32efc83a6b298bb22e7a1df0837426.ssl.cf2.rackcdn.com/22215365-eufy-e20-robovac-all-three-func-613x600.png?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="EUFY의 3-in-1 로봇 진공 청소기는 기록적인 가격으로 떨어집니다" title="EUFY의 3-in-1 로봇 진공 청소기는 기록적인 가격으로 떨어집니다" title="EUFY의 3-in-1 로봇 진공 청소기는 기록적인 가격으로 떨어집니다" 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/eufy%ec%9d%98-3-in-1-%eb%a1%9c%eb%b4%87-%ec%a7%84%ea%b3%b5-%ec%b2%ad%ec%86%8c%ea%b8%b0%eb%8a%94-%ea%b8%b0%eb%a1%9d%ec%a0%81%ec%9d%b8-%ea%b0%80%ea%b2%a9%ec%9c%bc%eb%a1%9c-%eb%96%a8%ec%96%b4%ec%a7%91.html" title="EUFY의 3-in-1 로봇 진공 청소기는 기록적인 가격으로 떨어집니다">EUFY의 3-in-1 로봇 진공 청소기는 기록적인 가격으로 떨어집니다</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="6월 17, 2025" class="entry-date">6월 17, 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-1260"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="5570" fifu-featured="1" width="300" height="300" src="https://i1.wp.com/forumstatic.oneplusmobile.com/opforum-gl/upload/image/app/thread/20241218/0650145818367464411/1754180008437350401/1754180008437350401.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다." title="OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다." title="OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다." 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/oneplus-15-camera-leak.html" title="OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다.">OnePlus 15는 카메라 품질을 한 걸음 물러 뜨릴 수 있습니다.</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="6월 17, 2025" class="entry-date">6월 17, 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-1260"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="5564" fifu-featured="1" width="300" height="300" src="https://i2.wp.com/assets.rbl.ms/60342329/origin.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="로봇 비디오 : Atlas Robot Sees, Quadrupeds Guide 등" title="로봇 비디오 : Atlas Robot Sees, Quadrupeds Guide 등" title="로봇 비디오 : Atlas Robot Sees, Quadrupeds Guide 등" 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-%eb%b9%84%eb%94%94%ec%98%a4-atlas-robot-sees-quadrupeds-guide-%eb%93%b1.html" title="로봇 비디오 : Atlas Robot Sees, Quadrupeds Guide 등">로봇 비디오 : Atlas Robot Sees, Quadrupeds Guide 등</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="6월 17, 2025" class="entry-date">6월 17, 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-1260"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="5560" fifu-featured="1" width="300" height="300" src="https://i3.wp.com/res.cloudinary.com/glide/image/fetch/https%3A%2F%2Fi.ytimg.com%2Fvi%2Fm6TxKd7gzoI%2Fsddefault.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="Android 16 QPR1 베타 2 전원 버튼에 새로운 애니메이션 추가 Long-Press 제스처" title="Android 16 QPR1 베타 2 전원 버튼에 새로운 애니메이션 추가 Long-Press 제스처" title="Android 16 QPR1 베타 2 전원 버튼에 새로운 애니메이션 추가 Long-Press 제스처" 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/android-16-qpr1-beta-2-power-button-animation-3567943.html" title="Android 16 QPR1 베타 2 전원 버튼에 새로운 애니메이션 추가 Long-Press 제스처">Android 16 QPR1 베타 2 전원 버튼에 새로운 애니메이션 추가 Long-Press 제스처</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="6월 17, 2025" class="entry-date">6월 17, 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-1260"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="5558" fifu-featured="1" width="300" height="300" src="https://i1.wp.com/res.cloudinary.com/glide/image/fetch/https%3A%2F%2Fi.ytimg.com%2Fvi%2FmIddsPkdX9U%2Fmaxresdefault.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="Nintendo는 Donkey Kong Bananza Direct를 발표했습니다" title="Nintendo는 Donkey Kong Bananza Direct를 발표했습니다" title="Nintendo는 Donkey Kong Bananza Direct를 발표했습니다" 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/nintendo%eb%8a%94-donkey-kong-bananza-direct%eb%a5%bc-%eb%b0%9c%ed%91%9c%ed%96%88%ec%8a%b5%eb%8b%88%eb%8b%a4.html" title="Nintendo는 Donkey Kong Bananza Direct를 발표했습니다">Nintendo는 Donkey Kong Bananza Direct를 발표했습니다</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="6월 17, 2025" class="entry-date">6월 17, 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-1260"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="5554" fifu-featured="1" width="300" height="300" src="https://i2.wp.com/res.cloudinary.com/glide/image/fetch/https%3A%2F%2Fi.ytimg.com%2Fvi%2Fv1hmV_PFs_M%2Fmaxresdefault.jpg?w=300&resize=300,300&ssl=1" class="attachment-medium size-medium wp-post-image" alt="Intel Nova Lake Specs 유출 – 인텔의 AMD Zen 6 라이벌을 위해 최대 52 개의 코어와 150W의 TDP" title="Intel Nova Lake Specs 유출 – 인텔의 AMD Zen 6 라이벌을 위해 최대 52 개의 코어와 150W의 TDP" title="Intel Nova Lake Specs 유출 – 인텔의 AMD Zen 6 라이벌을 위해 최대 52 개의 코어와 150W의 TDP" 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/intel-nova-lake-specs-leaked-up-to-52-cores-and-150w-of-tdp-for-intels-amd-zen-6-rival.html" title="Intel Nova Lake Specs 유출 – 인텔의 AMD Zen 6 라이벌을 위해 최대 52 개의 코어와 150W의 TDP">Intel Nova Lake Specs 유출 – 인텔의 AMD Zen 6 라이벌을 위해 최대 52 개의 코어와 150W의 TDP</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="6월 17, 2025" class="entry-date">6월 17, 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-1260"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="5550" fifu-featured="1" width="300" height="300" src="https://i0.wp.com/assets.isu.pub/document-structure/230824192626-50c975b88c9bca405c5786ae46db82de/v1/7ce44ff7d81f6c7957ad4b6553cd00dc.jpeg?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/%ec%8b%a0%ec%83%9d-%ea%b8%b0%ec%97%85-%ec%a3%bc%ea%b0%84-%ec%9d%bc%ec%8b%9c-%ec%a4%91%ec%a7%80%ec%9d%98-%ec%a7%95%ed%9b%84%ea%b0%80-%ec%97%86%ec%8a%b5%eb%8b%88%eb%8b%a4.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="6월 16, 2025" class="entry-date">6월 16, 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-1260"> <article class="spnc-post"> <div class="spnc-missed-overlay"> <figure class="spnc-post-thumbnail i_effect1"> <img post-id="5548" fifu-featured="1" width="300" height="300" src="https://i0.wp.com/cafe24.poxo.com/ec01/bdagape/HOvhRhvOk+Cp2KY4JuusAngHGwKVGED+gZIcBmrD/C+YVliztQhPhx29rjO9kSjBfxDJiHREvXQnIKTiDMY/xg==/_/web/product/big/202405/1346caf89014583a7790c31031472f24.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/%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/editor-letter-guide-to-winning-a-fight.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="6월 16, 2025" class="entry-date">6월 16, 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> <!--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.1" 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.1" 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.1" 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.1" 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.1" 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.1" 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.1" 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.1" 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.1" 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>