컬과 정규 표현식을 사용하여 웹 데이터 크롤링

Motie Chinese 웹사이트의 비VIP 챕터에 대해 컬과 정규식을 사용하여 만든 소설 그래버입니다. 소설을 다운로드하려면 소설 ID를 입력하는 것을 지원합니다.
종속성: 컬
Curl, 정규 표현식, Ajax 및 기타 기술이 사용되어 초보자에게 적합합니다.로컬에서 테스트할 때는 인터넷에 연결되어 있는지 확인하고 PHP가 컬 모드를 켜는지 확인해야 합니다.

 session_start();
 //자동으로 크롤링되는 기사를 활성화하려면 클래스로 캡슐화하세요
 #header("Refresh:30;http : //www.test.com:8080");
 class SpiderTools{
 //////////////////////////// /////////////////////////////////////////////// ///// ///////////////////////////
 /*들어오는 기사 ID는 기사 제목을 구문 분석합니다*/
 ///// /////////////////////////////////////////// ///////// //////////////////////////////////////// //////////// /
 공용 함수 getBookNameById($aid){
 //curl 초기화
 $ch= cur_init();
 //url
 $url='http://www.motie.com/book/'.$aid;
 if(is_numeric($aid)){
 //정규식 일치
 $ru="/< ;h1sclass="p-title">s *(.*)s*s*/";
 }
 else{
 //< title>Zombie Outbreak: The Family's Way to Survive_Chapter One: Zombie Outbreak Update for My Friend~_Sharp Iron
 $ru="/ (.*)</title> ;/";<li> }<li> //URL을 포함한 옵션 설정<li> 컬_setopt($ch, CURLOPT_URL, $url);<li> 컬_setopt($ch, CURLOPT_RETURNTRANSFER, 1);//자동 출력 없음 Content<li> cur_setopt($ch, CURLOPT_HEADER, 0); //헤더 정보를 반환하지 않습니다.<li> cur_setopt($ch, CURLOPT_CONNECTTIMEOUT_MS, 0); //curl 실행<li> $output = curl_exec($ ch);<li> //오류 메시지<li> if(curl_exec($ch) === false){<li> die(curl_error($ch));<li> } <li> // 오류가 발생했는지 확인<li> if(curl_errno($ch)){<li> echo '컬 오류: ' .curl_error($ch);<li> }<li> //해제 컬 핸들<li> 컬_close($ch) ;<li> $arr=array();<li> preg_match_all($ru,$output,$arr);<li> return $arr[1][0];<li> }<li> //// /////////////////////////////////////// ///////////// //////////////////////////////////// //////////////// // <li> /*기사 내용을 파싱하기 위해 기사 ID를 입력하세요*/<li> ///////////// /////////////////// ////////////////////////////// ///////////////////// /////////////////////////<li> public function getBookContextById($aid){<li> //기사 구문 분석 시작<li> $ids= array();<li> $ids=explode("_",$aid);<li> $titleId= 트림($ids[0]);<li> $aticleId=trim($ids[1]) <li> $ch= 컬_init();<li> $ru="/<div class="page- content">[sS]*<pre ondragstart="return false" oncopy="return false;" oncut="return false;" oncontextmenu="return false" class="note" id="html_content_d*"> [sS]*(.*)<img src="/ajax/chapter/$titleId/$aticleId " class="hidden" /></pre>/ui"; </li>
<li> $url='http ://www.motie.com/book/'.$aid;</li>
<li> //정규식 일치</li>
<li>
<li> //URL을 포함한 옵션 설정</li>
<li> 컬_setopt($ch, CURLOPT_URL, $url) ; //curl 실행</li>
<li> $output =curl_exec($ch);</li>
<li> //오류 메시지</li>
<li> if(curl_exec($ch) === false){</li>
<li> die (curl_error($ch));</li>
<li> }</li>
<li> // 오류 발생 여부 확인</li>
<li> if(curl_errno($ch)){</li>
<li> echo '컬 오류: ' . </li>
<li> }</li>
<li> $arr=array();</li>
<li> $arr2=array() </li>
<li> preg_match_all($ru,$output,$arr);</li>
<li>curl_close($ch);</li>
<li> #var_dump($arr);</li>
<li> $s=$arr[0][0];</li>
<li> $s=substr($s,180);</li>
<li> $arr2=explode("<img" ,$s);<li> return Trim($arr2[0]);<li> }<li><li> /////////////////////// ///////////////////////////////////////////////// //////////////////////////// ////////// <li> /*정적 메소드 @생성 소설 파일을 직접 호출할 수 있습니다*/<li> ///////////////////// ////////////////// ///////////////////////////////////////////////// //////////////////////<li> 공개 정적 함수 createBookById($id){<li> <li> if(!is_numeric($id)){ <li><li> echo "<br/>INIT BEGIN START WRITE!";</li>
<li> $st=new self();</li>
<li> $cons =$st->getBookContextById($id);</li>
<li> $title=$st->getBookNameById($id);</li>
<li> $cons=trim($cons);</li>
<li> $t=explode(" ",$title);</li>
<li> //디렉토리 구성 </li>
<li> $dir=array();</li>
<li> $dir=explode("_",$t[0]);</li>
<li> $wzdir=$dir [0] //책 이름을 디렉터리 이름으로</li>
<li> $wzchapter=$dir[1]; //</li>
<li> //디렉토리 생성</li>
<li> $wzdir2=iconv("UTF-8", " GBK", $wzdir);//디렉터리 인코딩에 유의하세요. $wzdir 문자열에 대한 참조는 파일 이름을 구성하기 위해 여기에 유지됩니다. 2차 인코딩을 방지하기 위해 여기에서 사용할 수 없습니다.</li>
<li> if(!file_exists($wzdir2)){ </li>
<li> mkdir($wzdir2); </li>
<li> }</li>
<li> //파일 이름 구성</li>
<li> $wztitle="./".$wzdir."/"."$t[0]".".txt";</li>
<li> //저장된 파일 이름이 맞는지 확인 잘못된 문자가 아닙니다</li>
<li> $wztitle=iconv("UTF-8", "GBK", $wztitle);</li>
<li> $f=fopen($wztitle,"w ");</li>
<li> fwrite($f, $cons) ;</li>
<li> echo "<font color='green'>$wzdir </font>".$wzchapter."<font color='red'>쓰기 성공</font>"; </li>
<li> fclose($f); </li>
<li> </li>
<li> } </li>
<li> else{</li>
<li> $ids=self::getBookIdsById($id) </li>
<li> </li>
<li> //여기 서버는 오프라인일 수 있습니다. , 따라서 세션 기록 루프를 사용하는 것이 가장 좋습니다</li>
<li> #for($i=$_SESSION["$id"."_fid"];$i<=count($ids);$_SESSION["$id"." _fid" ] ,$i ){<li> <li> #self::createBookById($id."_".$ids[$_SESSION["$id"."_fid"] ]);//구성 ID<li> #}<li> <li> for($i=$_SESSION["$id"."_fid"];$i<=count($ids);$_SESSION["$id"."_fid"] ,$ i ){<li> <li> self::createBookById($id."_".$ids[$i]);//ID 생성<li> }<li> <li> #echo "< hr/ ><hr/><br/><h1>작성 작업이 완료되었습니다</h1>";<li> #echo $id."_".$ids[0]." < ;br/>"; </li>
<li> #var_dump($ids);</li>
<li> </li>
<li> }</li>
<li>
<li> }</li>
<li> /*</li>
<li> 소설의 모든 ID 가져오기</li>
<li> @ param $ id 기사 ID</li>
<li> @return array;</li>
<li> */</li>
<li> public static function getBookIdsById($aid){ </li>
<li> $ch=curl_init();</li>
<li> $url='http:// www.motie.com/book/'.$aid."/chapter";</li>
<li> //최소 일치 항목을 얻으려면 여기에서 ?에 주의하세요</li>
<li> $ru='/[sS]*?< li class="" createate="d{4}-d{2}-d{2} d{2}:d{2}:d{2}">[sS]*?<a href=" /book/'.$aid.'_(d*?)"s Programmer Joke>.*?</a>.*?/u';//정규식 일치</li>
<li> //URL을 포함한 옵션 설정 </li>
<li>curl_setopt($ch, CURLOPT_URL, $url);</li>
<li>curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);//내용을 자동으로 출력하지 않음</li>
<li>curl_setopt($ch, CURLOPT_HEADER, 0);// 헤더를 반환하지 않음 Information</li>
<li> cur_setopt($ch, CURLOPT_CONNECTTIMEOUT_MS, 0) </li>
<li> //curl 실행</li>
<li> $output = cur_exec($ch);</li>
<li> // 오류 발생 여부 확인</li>
<li> if(curl_errno( $ch)){</li>
<li> echo '컬 오류: ' . 컬_error($ch);</li>
<li> }</li>
<li> //컬 핸들 해제</li>
<li> 컬_close($ch);</li>
<li> $arr=array( );</li>
<li> preg_match_all($ru,$output,$arr,PREG_PATTERN_ORDER);</li>
<li> return $arr[1];</li>
<li> }</li>
<li> }</li>
<li>
<li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li>?></li>
</ol></div>
<em onclick="copycode($('code_Sfk'));">코드 복사</em>
</div>
            	            	
            	    				                	
            <div class="blockcode">
<div id="code_Zt6"><ol>
<li><?php<li> session_start();<li>require_once("SpiderTools.class.php");<li>if($_REQUEST["bid"]) {<li>if(is_numeric($_REQUEST["bid"])){<li> SpiderTools::createBookById(trim($_REQUEST["bid"]));<li> }<li> else{<li> echo "<br/>올바른 기사 ID를 입력하세요<br/>";</li>
<li> }</li>
<li>}</li>
<li>?></li>
<li>
</ol></div>
<em onclick="copycode($('code_Zt6'));">코드 복사</em>
</div>
<div class="blockcode">
<div id="code_i6J"><ol>
<li><html></li>
<li><head><meta charset="utf-8"/></head></li>
<li><title>소설 다운로드 La</li>
<li>
<li><h1>Motie 중국어 홈페이지에서 보고 싶은 소설의 ID번호를 입력하시면 소설을 다운로드 받으실 수 있습니다</h1></li>
<li><양식 방법 ="get" action="getinfo.php"></li>
<li><input type="text" id="myid" name="myid" value=""/></li>
<li><input type=" 버튼" value="소설 생성" onclick="createbook();"/></li>
<li></form></li>
<li><div id="info" style="배경:black;height:500px;width :1067px;overflow:scroll;color:white"></li>
<li></div></li>
<li>
<li><!-----AJAX------></li>
<li><script 언어="javascript"></li>
<li>var xmlHttp;</li>
<li>function createbook()</li>
<li>{</li>
<li>xmlHttp=GetXmlHttpObject()</li>
<li>if (xmlHttp==null)</li>
<li> {</li>
<li> 경고 ("브라우저가 ajax를 지원하지 않습니다.")</li>
<li> return</li>
<li> }</li>
<li>var bookid=document.getElementById("myid").value</li>
<li>var url="getinfo.php"</li>
<li>url= url "?bid=" bookid;</li>
<li>url=url "&sid=" Math.random()</li>
<li>xmlHttp.onreadystatechange=stateChanged </li>
<li>xmlHttp.open("GET",url,true)</li>
<li>xmlHttp . send(null)</li>
<li>}</li>
<li>
<li>function stateChanged() </li>
<li>{ </li>
<li>if(xmlHttp.readyState==1){</li>
<li>
<li> document.getElementById("info") . innerHTML="준비 중입니다. 조금만 기다려주세요~^_^~<img src="img/1.gif" /><br/>" </li>
<li>} </li>
<li>if(xmlHttp .readyState==2){</li>
<li>
<li> document.getElementById("info").innerHTML="서버에 연결하는 데 시간이 걸릴 수 있습니다^><img src="img/2.gif" / ><^<br/>"; </li>
<li>} </li>
<li>
<li>if(xmlHttp.readyState==3){</li>
<li>
<li> document.getElementById("info").innerHTML= "데이터 구문 분석<img src="img/3.gif" /><br/>" </li>
<li>} </li>
<li>
<li>if (xmlHttp.readyState==4 || xmlHttp.readyState == "완료")</li>
<li> { </li>
<li> </li>
<li> document.getElementById("info").innerHTML=xmlHttp.responseText; </li>
<li> //xmlHttp.abort();</li>
<li>
<li> </li>
<li>
<li> } </li>
<li>
<li>
<li>}</li>
<li>
<li>function GetXmlHttpObject()</li>
<li>{</li>
<li>var xmlHttp=null;</li>
<li>try</li>
<li> {</li>
<li> // Firefox, Opera 8.0, Safari</li>
<li> xmlHttp=new XMLHttpRequest();</li>
<li> }</li>
<li>catch(e)</li>
<li> {</li>
<li> //Internet Explorer</li>
<li> try</li>
<li> {</li>
<li> xmlHttp =new ActiveXObject("Msxml2.XMLHTTP");</li>
<li> }</li>
<li> catch(e)</li>
<li> {</li>
<li> xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");</li>
<li> }</li>
<li> }</li>
<li> return xmlHttp;</li>
<li>}</li>
<li></script></li>
<li></body></li>
<li></html> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li>
</ol></div>
<em onclick="copycode($('code_i6J'));">코드 복사</em>
</div>
</td></tr></table>



<div id="comment_52093" class="cm">
</div>

<div id="post_rate_div_52093"></div>
<br><br>                </div>
            </div>
            <div style="height: 25px;">
                                <div class="wzconBq" style="display: inline-flex;">
                    <span>관련 라벨：</span>
                    <div class="wzcbqd">
                        <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ko/search?word=使用curl和正则表达式抓取网页数据" target="_blank">使用curl和正则表达式抓取网页数据</a>                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">원천：php.cn</div>
                            </div>
            <div class="wzconOtherwz">
                                    <a href="https://www.php.cn/ko/faq/314273.html" title="Jquery를 기반으로 한 폭포수 흐름">
                        <span>이전 기사：Jquery를 기반으로 한 폭포수 흐름</span>
                    </a>
                                    <a href="https://www.php.cn/ko/faq/314276.html"  title="PHP는 연도와 월을 기준으로 분기를 얻습니다.">
                        <span>다음 기사：PHP는 연도와 월을 기준으로 분기를 얻습니다.</span>
                    </a>
                            </div>
            <div class="wzconShengming">
       
                <div class="bzsmdiv">본 웹사이트의 성명</div>
                <div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div>
            </div>
           <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div>
            <div class="wzconZzwz">
                <div class="wzconZzwztitle">저자별 최신 기사</div>
                <ul>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ko/faq/1796639331.html">NullPointerException은 무엇이며 어떻게 해결합니까?</a>
                            </div>
                            <div>2024-10-22 09:46:29</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ko/faq/1796629482.html">초보자에서 코더까지: C 기초로 시작되는 여정</a>
                            </div>
                            <div>2024-10-13 13:53:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ko/faq/1796628545.html">PHP로 웹 개발 잠금 해제: 초보자 가이드</a>
                            </div>
                            <div>2024-10-12 12:15:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ko/faq/1796627928.html">C에 대한 이해: 새로운 프로그래머를 위한 명확하고 간단한 길</a>
                            </div>
                            <div>2024-10-11 22:47:31</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ko/faq/1796627806.html">코딩 잠재력 발휘: 완전 초보자를 위한 C 프로그래밍</a>
                            </div>
                            <div>2024-10-11 19:36:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ko/faq/1796627670.html">내면의 프로그래머를 깨워보세요: 완전 초보자를 위한 C</a>
                            </div>
                            <div>2024-10-11 15:50:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ko/faq/1796627643.html">C로 일상을 자동화하세요: 초보자를 위한 스크립트 및 도구</a>
                            </div>
                            <div>2024-10-11 15:07:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ko/faq/1796627620.html">PHP가 쉬워졌습니다: 웹 개발의 첫 번째 단계</a>
                            </div>
                            <div>2024-10-11 14:21:21</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ko/faq/1796627574.html">Python으로 무엇이든 빌드하기: 창의력을 발휘하기 위한 초보자 가이드</a>
                            </div>
                            <div>2024-10-11 12:59:11</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ko/faq/1796627539.html">코딩의 핵심: 초보자를 위한 Python의 힘 활용</a>
                            </div>
                            <div>2024-10-11 12:17:31</div>
                        </li>
                                    </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/175853.html"  target="_blank" title="정규식을 사용하여 HTML에서 단어 계산" class="wdcdcTitle">정규식을 사용하여 HTML에서 단어 계산</a>
                            <a href="https://www.php.cn/ko/wenda/175853.html" class="wdcdcCons">이것은 이것과 같은 문제입니다. 하지만 저는 자바스크립트를 사용하지 않기 때문에 "innerText"는 제게는 해결책이 아니며 정규 표현식이 /...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> 에서 2024-04-01 22:44:06</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>416</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/175643.html"  target="_blank" title="Spring Boot 실행 중 부분 HTTP 요청 URL을 사용하여 데이터베이스 변경" class="wdcdcTitle">Spring Boot 실행 중 부분 HTTP 요청 URL을 사용하여 데이터베이스 변경</a>
                            <a href="https://www.php.cn/ko/wenda/175643.html" class="wdcdcCons">새로운 Http 요청이 있을 때마다 현재 사용 중이고 이름이 HttpURL 요청의 일부인 데이터베이스를 변경해야 합니다. 다음 코드를 사용하려고 하는데 서비스를 ...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> 에서 2024-03-31 12:55:54</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>340</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/pgitessm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214143718960.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apple LTE 네트워크는 무엇을 의미합니까?" /> </a>
                            <a target="_blank" href="https://www.php.cn/ko/faq/pgitessm" class="title-a-spanl" title="Apple LTE 네트워크는 무엇을 의미합니까?"><span>Apple LTE 네트워크는 무엇을 의미합니까?</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ko/faq/oraclezmfy"><img src="https://img.php.cn/upload/subject/202407/22/2024072214065858470.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="오라클에서 페이지 매김하는 방법" /> </a>
                            <a target="_blank" href="https://www.php.cn/ko/faq/oraclezmfy" class="title-a-spanl" title="오라클에서 페이지 매김하는 방법"><span>오라클에서 페이지 매김하는 방법</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ko/faq/vbszrdmyfjs"><img src="https://img.php.cn/upload/subject/202407/22/2024072213445786427.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="VBS 전체 코드 사용법 소개" /> </a>
                            <a target="_blank" href="https://www.php.cn/ko/faq/vbszrdmyfjs" class="title-a-spanl" title="VBS 전체 코드 사용법 소개"><span>VBS 전체 코드 사용법 소개</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ko/faq/usdtsysmbz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213280421488.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="USDT는 어떤 통화에 속하나요?" /> </a>
                            <a target="_blank" href="https://www.php.cn/ko/faq/usdtsysmbz" class="title-a-spanl" title="USDT는 어떤 통화에 속하나요?"><span>USDT는 어떤 통화에 속하나요?</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ko/faq/exessmwj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213334940621.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/exessmwj" 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/win10kzmbwzjs"><img src="https://img.php.cn/upload/subject/202407/22/2024072212171821616.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="win10 제어판 위치 소개" /> </a>
                            <a target="_blank" href="https://www.php.cn/ko/faq/win10kzmbwzjs" class="title-a-spanl" title="win10 제어판 위치 소개"><span>win10 제어판 위치 소개</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ko/faq/qjhbjqhff"><img src="https://img.php.cn/upload/subject/202407/22/2024072212224411540.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="전체 너비와 절반 너비 사이를 전환하는 방법" /> </a>
                            <a target="_blank" href="https://www.php.cn/ko/faq/qjhbjqhff" class="title-a-spanl" title="전체 너비와 절반 너비 사이를 전환하는 방법"><span>전체 너비와 절반 너비 사이를 전환하는 방법</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ko/faq/btbookclssrhs"><img src="https://img.php.cn/upload/subject/202407/22/2024072214104736018.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="btbook 자기 검색 사용 방법" /> </a>
                            <a target="_blank" href="https://www.php.cn/ko/faq/btbookclssrhs" class="title-a-spanl" title="btbook 자기 검색 사용 방법"><span>btbook 자기 검색 사용 방법</span> </a>
                        </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="phpwzright">
        <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="Mac 컴퓨터에서 호스트를 설정하는 방법(그림과 텍스트가 포함된 단계)" href="https://www.php.cn/ko/faq/448310.html">Mac 컴퓨터에서 호스트를 설정하는 방법(그림과 텍스트가 포함된 단계)</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="PHP로 간단한 QQ 로봇을 빠르게 구축하세요" href="https://www.php.cn/ko/faq/448391.html">PHP로 간단한 QQ 로봇을 빠르게 구축하세요</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="API 공통 서명 확인 방법(PHP 구현)" href="https://www.php.cn/ko/faq/448286.html">API 공통 서명 확인 방법(PHP 구현)</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="PHP의 일반적인 날짜 및 시간 작업 모음" href="https://www.php.cn/ko/faq/448309.html">PHP의 일반적인 날짜 및 시간 작업 모음</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="PHP는 그래픽 인증 코드를 생성합니다(강화된 간섭 유형)." href="https://www.php.cn/ko/faq/448308.html">PHP는 그래픽 인증 코드를 생성합니다(강화된 간섭 유형).</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 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>1420958 <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 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>4264404 <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 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>2513630 <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 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>505954 <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 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>861110 <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 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 >1420958 학습 시간</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 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 >2513630 학습 시간</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 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 >505954 학습 시간</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 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 >215592 학습 시간</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 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 >885606 학습 시간</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 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 >7160 학습 시간</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 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 >5558 학습 시간</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 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 >4681 학습 시간</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 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 >670 학습 시간</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 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 >23669 학습 시간</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?1732632174"></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>
</body>
</html>