지역 사회
배우다
도구 라이브러리
AI 도구
여가
찾다
한국어
집 > CMS 튜토리얼 > Word누르다 > WordPress의 스타일과 스크립트로드하는 조건부 태그

WordPress의 스타일과 스크립트로드하는 조건부 태그

Christopher Nolan
풀어 주다： 2025-02-10 08:40:39
원래의
653명이 탐색했습니다.

Conditional Tags to Load Styles and Scripts in WordPress

코어 포인트

WordPress는 조건부로드 스타일 시트 및 스크립트를 지원하여 이러한 파일이 필요할 때만로드되도록하여 웹 사이트로드 속도를 높이고 사용자를위한 불필요한 데이터 다운로드를 줄입니다.

스타일링 및 스크립트는 WordPress.org 코딩 표준에 권장되는 모범 사례에 따라로드되어야합니다. 표준 WordPress 방법을 사용하면 비 호환성 문제를 피하고 웹 사이트가 효율적으로 유지 될 수 있습니다.
    WordPress는 각각 사용자 정의 스타일 시트와 JavaScript 파일을 포함하는 데 사용되는 및 기능을 제공합니다. 이 기능은 WordPress가 필요한 모든 스타일 시트 및 스크립트를 찾아 올바른 순서로 다운로드하도록합니다.
  • WordPress는 특정 조건에서 적용 할 코드를 결정하기 위해
    • 문과 함께 사용할 수있는 조건부 태그를 제공합니다. 이 태그는 특정 스타일 시트와 스크립트가 방문자가 웹 사이트의 특정 페이지를 방문 할 때만 다운로드되도록하는 데 사용될 수 있습니다.
  • wp_enqueue_style 이 기사는 Siteground와 공동으로 만들어진 시리즈의 일부입니다. Sitepoint를 가능하게 한 파트너를 지원해 주셔서 감사합니다. wp_enqueue_script
    WordPress 사이트가 특정 페이지에서 특정 스타일 시트 또는 JavaScript 파일 만 사용하거나 제한된 조건에서만 사용하면 사이트의 모든 장소를로드 할 필요가 없습니다. </press> </li> 이 기사에서는 웹 사이트가 필요한 경우에만 CSS 스타일 및 스크립트를로드하는 방법에 대해 안내합니다. 이러한 방식으로 웹 사이트가 더 빠르게로드되며 추가 파일이 포함 된 페이지를 방문하지 않는 사용자는 브라우저에서 불필요한 데이터를 다운로드 할 필요가 없습니다. <li> <code>if...else</code> WordPress에 왜 스타일과 스크립트를 추가해야합니까? </li> <an> WordPress 개발에 반포가있는 경우 HTML 문서의 섹션에 및 <p> 태그를 추가하여 스타일 시트 및 JavaScript 파일을 별도로로드 한 다음 완료됩니다. <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173914804298539.jpg" class="lazy" alt="Conditional Tags to Load Styles and Scripts in WordPress "> WordPress 웹 사이트를 실행하려면 소프트웨어 자체의 스타일 시트 및 JavaScript 코드, 많은 플러그인 및 활성 테마를 사용하는 것이 포함됩니다. </p> 이는 테마 또는 플러그인 저자가 특정 설치를 위해 어떤 스타일과 스크립트가 실행될 것인지 사전에 또는 이러한 리소스가 필요한 순서를 미리 알 수 없음을 의미합니다. 예를 들어, jQuery 라이브러리를 예로 들어 봅시다. WordPress 자체는이 라이브러리를 사용하여 AJAX 요청 및 기타 작업을 처리 할 수 ​​있으며 여러 플러그인 및 활성 테마에서도 사용할 수도 있습니다. <p> <and> 플러그인 및 테마 저자에 해당 태그를 HTML 문서에 직접 추가하여 필요한 스타일 시트 및 스크립트를 포함하면 충돌, 여러 번로드되는 리소스 및/또는 잘못된 로딩 순서로 이어질 수 있습니다. <em> <you> 이것이 WordPress.org 인코딩 표준에 권장되는 모범 사례를 따라 항상 스타일과 스크립트를로드 해야하는 이유입니다.<blockquote> <work> 모든 것을 조화롭게 작동 시키려면 테마와 플러그인이 표준 WordPress 방법을 사용하여 스크립트 및 스타일 시트를로드하는 것이 중요합니다. 이를 통해 웹 사이트가 효율적으로 유지되고 비 호환성 문제가 없습니다. <p> <s>에는 CSS 및 JavaScript - 테마 설명서 가 포함됩니다 </s></p> <p> </p> 사용 방법 <to> 사용자 정의 스타일 시트를 테마에 포함시키는 기본 기능은 다음과 같습니다. <p> <two> 첫 두 매개 변수 만 필요하며 다른 매개 변수는 선택 사항입니다. <strong> <code>wp_enqueue_style</code> 매개 변수는 스타일 시트의 이름입니다. 파일의 목적에 따라 메인, 포트폴리오 등을 지정할 수 있습니다. JavaScript 플러그인의 스타일 시트를 포함하는 경우 플러그인의 이름을 사용하십시오. <code>wp_enqueue_script</code> </strong> 는 스타일 시트가있는 URL을 나타냅니다. </two></p> <p> 매개 변수는이 스타일 시트가 다른 스타일 시트에 의존하는지 여부를 지정합니다. </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>wp_enqueue_style( $handle, $src, $deps, $ver, $media );
    로그인 후 복사
    로그인 후 복사
<<> 스타일 시트의 버전 번호를 결정합니다.

<🎜 🎜> <<>는 모두, 화면, 인쇄 등과 같은 스타일 시트에 적용되는 미디어 유형을 나타냅니다.

    예를 들어 WordPress 웹 사이트에 portfolio.css라는 스타일 시트를 추가하는 코드는 다음과 같습니다.
  • JavaScript 파일을 포함하려면 다음을 사용해야합니다 $handle 이 매개 변수는 <🎜 🎜>의 일부를 배치할지 여부를 기준으로 True 또는 False 값을 설정하는 마지막 매개 변수를 제외하고 <🎜 🎜>의 매개 변수와 유사합니다.
    • 웹 사이트에 portfolio.js를 추가하려고한다고 가정 해 봅시다. 코드는 다음과 같습니다.
  • 이 코드는 WordPress를 알려줍니다 $src Active Topic 디렉토리의 JS 하위 폴더에 위치한 포트폴리오 파일을 사용하려고합니다.
    • WordPress는 Portfolio.js를로드하기 전에 jQuery를 다운로드해야합니다. 그렇지 않으면 후자는 제대로 작동하지 않습니다 (기본적으로 WordPress와 함께 jQuery를 가져올 필요가 없습니다).
  • WordPress는이 파일을 HTML 문서의 $deps 섹션에 추가해야합니다.
  • 여러 스타일 시트 또는 스크립트 파일을 포함시켜야 할 수도 있습니다.이 경우 하나의 기능에서 모든 통화를 $ver 및
    • 로 랩핑 한 다음이 기능을 적절한 WordPress 액션 훅업에 연결합니다.
  • 이것은 예입니다. WordPress 테마를 개발하는 경우 functions.php 파일에 추가 할 수 있습니다. $media
    • 이제 WordPress가 필요한 모든 스타일 시트와 스크립트를 찾아 올바른 순서로 다운로드 할 것이라고 확신 할 수 있습니다.
<🎜 🎜> <<> 조건 스타일 시트 및 스크립트의 로딩

<🎜 🎜> 위의 코드는 잘 작동하며 WordPress 모범 사례를 따릅니다. 그러나 WordPress는 웹 사이트의 모든 장소에서 Portfolio.css 및 Portfolio.js를 모두 다운로드합니다. 방문자가 포트폴리오 페이지를 방문한 적이 없다면 불행한 일이지만 발생할 수 있으며 브라우저에는 두 개의 불필요한 파일을로드합니다.

<'s> 이제 방문자가 포트폴리오 섹션에 액세스하는 경우에만 WordPress에 Portfolio.css 및 Portfolio.js가 모두 포함되어 있는지 확인하십시오.

<🎜 🎜> <<> WordPress 조건부 태그

<🎜 🎜> WordPress는 특정 조건에서 적용 할 코드를 쉽게 선택하기 위해 정기적 인

문과 함께 사용되는 조건부 태그를 제공합니다. 예를 들어, 웹 사이트 및 기타 코드의 홈페이지에서만 일부 코드를 실행하려면 다음과 같은 내용을 작성할 수 있습니다. 대신 웹 사이트의 홈페이지 외부에 특정 코드를 실행하려면 다음을 작성합니다.

WordPress는 많은 조건부 태그를 제공하며 테마 매뉴얼의 조건부 태그 섹션에서 전체 목록을 볼 수 있습니다.

는 조건부 태그를 사용하여 WordPress가 방문자가 웹 사이트의 포트폴리오 페이지를 방문한 경우에만 Portfolio.css 및 Portfolio.js를 다운로드 할 수 있습니다. if...else 이 작업을 수행 할 수있는 몇 가지 방법을 확인해 봅시다.

<🎜 🎜> <<> 사용자 페이지 ID

<🎜 🎜> 조건부 태그를 사용하여 사용자가 웹 사이트의 포트폴리오 페이지 ID를 사용하고 있는지 확인할 수 있습니다.

페이지 ID를 이해하려면 다음을 수행하십시오 
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
로그인 후 복사
WordPress 웹 사이트의 관리자 패널에 로그인하십시오.

웹 사이트의 모든 페이지 목록에 액세스하려면 페이지를 클릭하십시오.

<<> 관심있는 페이지의 제목을 클릭하여 편집기에서 열 수 있습니다. <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>wp_enqueue_style( 'portfolio', get_template_directory_uri() . '/css/portfolio.css',false,null,'screen');</pre><div class="contentsignin">로그인 후 복사</div></div> <now> 이제 페이지가 편집기에서 열려 있습니다. 브라우저 주소 표시 줄에서 URL을 확인하십시오. Post = + 숫자와 같은 것을 볼 수 있습니다. 이 번호는 페이지 ID입니다. <p> </p> <know> 이제 페이지 ID를 알았으므로 조건부 태그를 사용하여 아래에 표시된 것처럼 이전에 테마 스타일 시트 및 스크립트를 포함한 코드를 수정할 수 있습니다. <p> </p> 페이지 제목을 사용하십시오 <p> <condition> 페이지의 조건부 레이블은 페이지 제목에도 적용됩니다. 포트폴리오 페이지가 "내 포트폴리오"라는 제목이 있다면 코드는 다음과 같을 수 있습니다 (Brevity의 조건부 섹션을 추가했습니다) : </condition></p> <p> <strong> 페이지 별칭 </strong> 사용 <the> 페이지의 사용자 친화적 인 URL 인 페이지 별칭으로 조건부 태그를 사용할 수 있습니다. 다음은 실제 응용 프로그램에서 보이는 것입니다 : </the></p> 결론 <p> </p> 이 기사에서는 WordPress 웹 사이트에 조건부 방식으로 스타일 시트와 스크립트 파일을 포함시키는 방법에 대해 논의합니다. 경우에 따라 추가 스타일의 수가 작기 때문에 전용 스타일 시트를 만드는 것은 의미가 없습니다. 웹 사이트에 필요하지 않은 HTTP 요청 만 생성됩니다. <p><appropriate> 그러나 적절한 조건에서, 예를 들어, 페이지 또는 테마 영역의 디자인은 웹 사이트의 나머지 부분과 다르기 때문에 스타일 시트 및 스크립트의 선택적 으로드는 WordPress 모범 사례를 따르고 방문자의 브라우저가 디스플레이 만 다운로드하는지 확인합니다. 필요한 컨텐츠에 필요한 데이터 금액. <p> <include> WordPress 사이트에 맞춤형 스크립트와 스타일을 어떻게 포함합니까? 아래 주석 상자를 클릭하여 공유하십시오. </include></p> WordPress의 조건부 태그 및 로딩 스타일 및 스크립트에 대한 FAQ (FAQ) (FAQ). <condition> WordPress의 조건부 태그는 무엇이며 어떻게 작동합니까? <p> <tag> WordPress의 조건부 태그는 테마 파일에 사용되는 PHP 기능으로 페이지가 만족하는 조건에 따라 특정 페이지에 표시된 컨텐츠를 변경하기 위해 사용됩니다. 특정 기능을 실행하기 전에 특정 조건이 충족되는지 여부를 결정하는 데 사용됩니다. 예를 들어, 조건부 태그를 사용하여 특정 사이드 바를 표시하기 전에 페이지가 단일 게시물인지 확인할 수 있습니다. </tag></p> <condition> WordPress의 스타일과 스크립트를로드하기 위해 조건부 태그를 사용하는 방법은 무엇입니까? <p> <al> 조건부 태그를 사용하여 WordPress에 스타일과 스크립트를로드하려면 테마의 functions.php 파일에 스크립트와 스타일을 추가해야합니다. 조건부 태그와 함께 및 <strong> 함수를 사용할 수 있습니다. 예를 들어, 홈페이지에 스크립트를로드하려면 </strong> 조건부 태그를 사용할 수 있습니다. </al></p> <common> WordPress의 일반적인 조건부 태그는 무엇입니까? <h3> <used> WordPress에서 일반적으로 사용되는 일부 조건 태그에는 </used> </h3>, <p>, , </p>, <h3>, , 등이 포함됩니다. 각 태그는 페이지가 단일 게시물, 특정 페이지, 홈페이지, 홈페이지, 카테고리 페이지, 태그 페이지 또는 작성자 페이지인지와 같은 특정 기준을 확인합니다. </h3> <condition> WordPress에서 조건부 코드 스 니펫을 만드는 방법은 무엇입니까? <p> <condition> WordPress에서 조건부 코드 스 니펫을 만들려면 php 문에서 조건부 태그를 사용해야합니다. 문의 코드는 조건이 충족 될 때만 실행됩니다. 예를 들어, 홈페이지에만 코드 스 니펫을 표시하려면 명령문에서 <code>wp_enqueue_script</code> 조건부 태그를 사용할 수 있습니다. <code>wp_enqueue_style</code> <style> 왜 내 스타일이 WordPress에서로드되지 않습니까? <code>is_home() <is> 당신의 스타일이 WordPress에서로드되지 않으면 여러 가지 이유 때문일 수 있습니다. 가장 일반적인 이유는 스타일 파일이 functions.php 파일에 올바르게 등록되지 않기 때문입니다. <🎜 🎜> 기능을 올바르게 사용했는지 확인하십시오. 또한 파일 경로와 종속성이 올바른지 확인하십시오. 조건부 태그를 사용하는 경우 조건이 충족되었는지 확인하십시오. </style></condition></p> <condition> WordPress에서 조건부 CSS를 올바른 방법으로로드하는 방법은 무엇입니까? <h3> <al> WordPress에 조건부 CSS를로드하려면 </al> </h3> 함수를 사용하여 테마의 functions.php 파일에 CSS 파일을 등록해야합니다. 조건 탭을 사용하여 CSS 파일을로드 해야하는 조건을 지정할 수 있습니다. 예를 들어, 홈페이지에만 CSS 파일을로드하려면 <p> 조건부 태그를 사용할 수 있습니다. <code>is_single()</code><multiple> WordPress에서 여러 조건부 태그를 사용할 수 있습니까? <h3> 예, WordPress에서 여러 조건부 태그를 사용할 수 있습니다. (&&) 및 (||)와 같은 논리 연산자를 사용하여 결합 할 수 있습니다. 예를 들어, 페이지가 단일 게시물이고 홈페이지가 아닌지 확인하려면 </h3> 및 <p> 조건부 태그를 사용할 수 있습니다. <code>is_single()</code> <the> WordPress의 다른 페이지에 대해 다른 스타일을로드하기 위해 조건부 태그를 사용하는 방법은 무엇입니까? <code>!is_home()</code> WordPress의 다른 페이지에 대해 다른 스타일을로드하려면 테마의 functions.php 파일에서 조건부 태그를 사용할 수 있습니다. 각 스타일에 대해 함수를 사용하고 특정 페이지의 조건부 태그를 확인하십시오. 예를 들어, 홈페이지의 특정 스타일을로드하고 단일 게시물에 대해 다른 스타일을로드하려면 </the></p> 및 <h3> 조건부 태그를 사용할 수 있습니다. </h3> WordPress에서 <difference>와 <p>의 차이점은 무엇입니까? <code>wp_enqueue_style</code> WordPress의 조건부 태그는 홈페이지가 표시되는지 확인하는 반면 <code>is_home()</code> 조건부 태그는 홈페이지가 표시되는지 확인합니다. 최신 게시물을 표시하도록 홈페이지를 설정 한 경우 두 태그 모두 TRUE를 반환합니다. 그러나 정적 페이지를 홈페이지로 설정 한 경우 <code>is_single()</code>는이 페이지에 대해 true를 반환하고 </p>는 게시물 페이지로 설정된 페이지에 대해 true를 반환합니다. <h3> <condition> WordPress에서 루핑 밖에서 조건부 태그를 사용할 수 있습니까? <code>is_home()</code> <can> 예, WordPress에서 루핑 외부에서 조건부 태그를 사용할 수 있습니다. 그러나 일부 조건부 태그 (예 : <code>is_front_page()</code> 및 )는 루프 전에 사용될 때 예상대로 작동하지 않을 수 있습니다. WordPress는 루프가 시작된 후 쿼리의 세부 사항 만 알고 있기 때문입니다. 따라서 일반적으로 루프가 시작된 후 또는 후에 이러한 조건부 레이블을 사용하는 것이 좋습니다. </can></condition> </h3></difference></multiple></p></condition></condition></common></condition></condition></appropriate></p></know></now></to></work> </blockquote></you></em></and></p></an> </ul></and><p>위 내용은 WordPress의 스타일과 스크립트로드하는 조건부 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p> </div> </div> <div style="display: flex;"> <!-- <div style="display: inline-flex;float: right; color:#333333;">원천：php.cn</div> --> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/ko/faq/1796765215.html" title="WordPress에 대한 Brotli 압축의 효과 측정"> <span>이전 기사：WordPress에 대한 Brotli 압축의 효과 측정</span> </a> <a href="https://www.php.cn/ko/faq/1796765221.html" title="WordPress 사이트를 새로운 호스팅 제공 업체로 마이그레이션하는 방법"> <span>다음 기사：WordPress 사이트를 새로운 호스팅 제공 업체로 마이그레이션하는 방법</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">본 웹사이트의 성명</div> <div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">저자별 최신 기사</div> <ul> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">최신 이슈</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176411.html" target="_blank" title="function_exists()는 사용자 정의 함수를 결정할 수 없습니다." class="wdcdcTitle">function_exists()는 사용자 정의 함수를 결정할 수 없습니다.</a> <a href="https://www.php.cn/ko/wenda/176411.html" class="wdcdcCons">기능 테스트() {                                                                                ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-29 11:01:01</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>3</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2978</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176410.html" target="_blank" title="Chrome 모바일 버전을 표시하는 방법" class="wdcdcTitle">Chrome 모바일 버전을 표시하는 방법</a> <a href="https://www.php.cn/ko/wenda/176410.html" class="wdcdcCons">안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-23 00:22:19</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>11</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>3188</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176407.html" target="_blank" title="자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다." class="wdcdcTitle">자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다.</a> <a href="https://www.php.cn/ko/wenda/176407.html" class="wdcdcCons">처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-19 15:37:47</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2597</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176406.html" target="_blank" title="상위 창에 출력이 없습니다." class="wdcdcTitle">상위 창에 출력이 없습니다.</a> <a href="https://www.php.cn/ko/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-18 23:52:34</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2557</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ko/wenda/176405.html" target="_blank" title="CSS 마인드맵 코스웨어는 어디에 있나요?" class="wdcdcTitle">CSS 마인드맵 코스웨어는 어디에 있나요?</a> <a href="https://www.php.cn/ko/wenda/176405.html" class="wdcdcCons">코스웨어</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-16 10:10:18</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2588</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>관련 주제</div> <a href="https://www.php.cn/ko/faq/zt" target="_blank">더> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/wifiytyssmys"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213301131723.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Wi-Fi가 비활성화되었다는 것은 무엇을 의미합니까?" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/wifiytyssmys" class="title-a-spanl" title="Wi-Fi가 비활성화되었다는 것은 무엇을 의미합니까?"><span>Wi-Fi가 비활성화되었다는 것은 무엇을 의미합니까?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/kernelutildll"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213303874977.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="kernelutil.dll 오류 복구 방법" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/kernelutildll" class="title-a-spanl" title="kernelutil.dll 오류 복구 방법"><span>kernelutil.dll 오류 복구 방법</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/uisjs"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072214241775985.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="UI 디자이너란 무엇인가요?" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/uisjs" class="title-a-spanl" title="UI 디자이너란 무엇인가요?"><span>UI 디자이너란 무엇인가요?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/formatfactory"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212121321480.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="formatfactory 도구의 역할" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/formatfactory" class="title-a-spanl" title="formatfactory 도구의 역할"><span>formatfactory 도구의 역할</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/exebdjjff"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213454079714.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="exe 바이러스 솔루션" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/exebdjjff" class="title-a-spanl" title="exe 바이러스 솔루션"><span>exe 바이러스 솔루션</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/isnumberhsyf"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213414296826.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="isnumber 함수 사용법" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/isnumberhsyf" class="title-a-spanl" title="isnumber 함수 사용법"><span>isnumber 함수 사용법</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/weblogictomca"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213270545107.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="웹로직과 톰캣의 차이점은 무엇입니까" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/weblogictomca" class="title-a-spanl" title="웹로직과 톰캣의 차이점은 무엇입니까"><span>웹로직과 톰캣의 차이점은 무엇입니까</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ko/faq/pagefilesysky"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212261365745.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="pagefile.sys를 삭제할 수 있나요?" /> </a> <a target="_blank" href="https://www.php.cn/ko/faq/pagefilesysky" class="title-a-spanl" title="pagefile.sys를 삭제할 수 있나요?"><span>pagefile.sys를 삭제할 수 있나요?</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">인기 추천</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="자신만의 웹페이지를 만드는 방법" href="https://www.php.cn/ko/faq/428604.html">자신만의 웹페이지를 만드는 방법</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="WordPress의 공식 웹사이트 URL은 무엇입니까?" href="https://www.php.cn/ko/faq/425548.html">WordPress의 공식 웹사이트 URL은 무엇입니까?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="WordPress의 백엔드에 들어가는 방법" href="https://www.php.cn/ko/faq/426766.html">WordPress의 백엔드에 들어가는 방법</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="어떤 cms 시스템이 더 좋나요? 상위 10개 오픈 소스 CMS 웹 사이트 구축 시스템 [권장 요약]" href="https://www.php.cn/ko/faq/494362.html">어떤 cms 시스템이 더 좋나요? 상위 10개 오픈 소스 CMS 웹 사이트 구축 시스템 [권장 요약]</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="워드프레스 사용법, 워드프레스 사용법 튜토리얼" href="https://www.php.cn/ko/faq/427223.html">워드프레스 사용법, 워드프레스 사용법 튜토리얼</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>인기 튜토리얼</div> <a target="_blank" href="https://www.php.cn/ko/course.html">더> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">관련 튜토리얼 <div></div></div> <div class="tabdiv swiper-slide" data-id="two">인기 추천<div></div></div> <div class="tabdiv swiper-slide" data-id="three">최신 강좌<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/ko/course/812.html" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="https://www.php.cn/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div>1437840 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/74.html" title="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기" href="https://www.php.cn/ko/course/74.html">PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기</a> <div class="wzrthreerb"> <div>4298410 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/286.html" title="JAVA 초보자용 비디오 튜토리얼" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="https://www.php.cn/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>2669894 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/504.html" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="https://www.php.cn/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>517037 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/2.html" title="PHP 제로 기반 입문 튜토리얼" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 제로 기반 입문 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 제로 기반 입문 튜토리얼" href="https://www.php.cn/ko/course/2.html">PHP 제로 기반 입문 튜토리얼</a> <div class="wzrthreerb"> <div>878070 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ko/course/812.html" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="https://www.php.cn/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div >1437840 학습 시간</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/286.html" title="JAVA 초보자용 비디오 튜토리얼" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="https://www.php.cn/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div >2669894 학습 시간</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/504.html" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="https://www.php.cn/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div >517037 학습 시간</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/901.html" title="웹 프론트 엔드 개발에 대한 빠른 소개" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="웹 프론트 엔드 개발에 대한 빠른 소개"/> </a> <div class="wzrthree-right"> <a target="_blank" title="웹 프론트 엔드 개발에 대한 빠른 소개" href="https://www.php.cn/ko/course/901.html">웹 프론트 엔드 개발에 대한 빠른 소개</a> <div class="wzrthreerb"> <div >217163 학습 시간</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/234.html" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="PS 비디오 튜토리얼을 처음부터 마스터하세요"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" href="https://www.php.cn/ko/course/234.html">PS 비디오 튜토리얼을 처음부터 마스터하세요</a> <div class="wzrthreerb"> <div >922636 학습 시간</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ko/course/1648.html" title="[웹 프런트엔드] Node.js 빠른 시작" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[웹 프런트엔드] Node.js 빠른 시작"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[웹 프런트엔드] Node.js 빠른 시작" href="https://www.php.cn/ko/course/1648.html">[웹 프런트엔드] Node.js 빠른 시작</a> <div class="wzrthreerb"> <div >9821 학습 시간</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1647.html" title="해외 웹 개발 풀스택 강좌 총집합" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="해외 웹 개발 풀스택 강좌 총집합"/> </a> <div class="wzrthree-right"> <a target="_blank" title="해외 웹 개발 풀스택 강좌 총집합" href="https://www.php.cn/ko/course/1647.html">해외 웹 개발 풀스택 강좌 총집합</a> <div class="wzrthreerb"> <div >7851 학습 시간</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1646.html" title="Go 언어 실습 GraphQL" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go 언어 실습 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go 언어 실습 GraphQL" href="https://www.php.cn/ko/course/1646.html">Go 언어 실습 GraphQL</a> <div class="wzrthreerb"> <div >6694 학습 시간</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1645.html" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" href="https://www.php.cn/ko/course/1645.html">550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다</a> <div class="wzrthreerb"> <div >839 학습 시간</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ko/course/1644.html" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬"/> </a> <div class="wzrthree-right"> <a target="_blank" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" href="https://www.php.cn/ko/course/1644.html">기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬</a> <div class="wzrthreerb"> <div >32792 학습 시간</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>최신 다운로드</div> <a href="https://www.php.cn/ko/xiazai">더> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">웹 효과 <div></div></div> <div class="swiper-slide" data-id="twof">웹사이트 소스 코드<div></div></div> <div class="swiper-slide" data-id="threef">웹사이트 자료<div></div></div> <div class="swiper-slide" data-id="fourf">프론트엔드 템플릿<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery 기업 메시지 양식 연락처 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8071">[양식 버튼] jQuery 기업 메시지 양식 연락처 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 뮤직 박스 재생 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8070">[플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8069">[메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery 시각적 양식 드래그 앤 드롭 편집 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8068">[양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS 모방 Kugou 음악 플레이어 코드" href="https://www.php.cn/ko/toolset/js-special-effects/8067">[플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="클래식 HTML5 푸시 박스 게임" href="https://www.php.cn/ko/toolset/js-special-effects/8066">[HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤" href="https://www.php.cn/ko/toolset/js-special-effects/8065">[그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 개인 앨범 커버 호버 확대/축소 효과" href="https://www.php.cn/ko/toolset/js-special-effects/8064">[사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8328" title="가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8327" title="신선한 색상의 개인 이력서 가이드 페이지 템플릿" target="_blank">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8326" title="디자이너 크리에이티브 작업 이력서 웹 템플릿" target="_blank">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8325" title="현대 엔지니어링 건설 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8324" title="교육 서비스 기관을 위한 반응형 HTML5 템플릿" target="_blank">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8323" title="온라인 전자책 쇼핑몰 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8322" title="IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다." target="_blank">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8321" title="보라색 스타일 외환 거래 서비스 웹 사이트 템플릿" target="_blank">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3078" target="_blank" title="귀여운 여름 요소 벡터 자료(EPS+PNG)">[PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3077" target="_blank" title="4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)">[PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3076" target="_blank" title="노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)">[배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3075" target="_blank" title="황금 졸업 모자 벡터 자료(EPS+PNG)">[PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3074" target="_blank" title="흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)">[PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3073" target="_blank" title="다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)">[PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3072" target="_blank" title="플랫 스타일 식목일 배너 벡터 자료(AI+EPS)">[배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-materials/3071" target="_blank" title="9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)">[PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8328" target="_blank" title="가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8327" target="_blank" title="신선한 색상의 개인 이력서 가이드 페이지 템플릿">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8326" target="_blank" title="디자이너 크리에이티브 작업 이력서 웹 템플릿">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8325" target="_blank" title="현대 엔지니어링 건설 회사 웹사이트 템플릿">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8324" target="_blank" title="교육 서비스 기관을 위한 반응형 HTML5 템플릿">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8323" target="_blank" title="온라인 전자책 쇼핑몰 웹사이트 템플릿">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8322" target="_blank" title="IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ko/toolset/website-source-code/8321" target="_blank" title="보라색 스타일 외환 거래 서비스 웹 사이트 템플릿">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</p> </div> <div class="footermid"> <a href="https://www.php.cn/ko/about/us.html">회사 소개</a> <a href="https://www.php.cn/ko/about/disclaimer.html">부인 성명</a> <a href="https://www.php.cn/ko/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1742113697"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </body> </html>