유

(실무예제) 다음 메인페이지에서 실시간 이슈 부분을 가져오기

개인적인 일로 오랫동안 정규표현식 강좌를 이어가지 못하였습니다.

오랜만에 워밍업 개념으로 간단한 실무 예제를 한번 만들어 보았습니다.




※ 일단, 다음(http://www.daum.net/) 메인의 html 내용이 $html 변수에 저장되어있다고 가정하고 시작합니다.
분석을 할때는 브라우져로 다음을 열어놓고 소스보기를 통해서 보시면 됩니다.




1. 먼저 소스에서 뽑고자 하는 실시간 이슈가 나오는 부분을 찾습니다.
......
<div id="realTime" class="issuerank">
<h3 id="issueRankTitle" class="tab"><span class="ir"><span class="ir_desc">실시간 이슈</span></span></h3>
<ol id="issueRank" class="#searchrank">
<li class="rank_li #issue"><div class="rank first"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=%EC%98%81%ED%99%94%EB%B0%B0%EC%9A%B0+%EC%9A%B0%EB%B4%89%EC%8B%9D&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@1">영화배우 우봉식</a><span class="status new">new</span></div></li>
<li class="rank_li #issue"><div class="rank"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=kt+%EC%A0%95%EB%B3%B4%EC%9C%A0%EC%B6%9C+%EC%86%8C%EC%86%A1&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@2">kt 정보유출 소송</a><span class="status up">54</span><span class="daumhide">상승</span></div></li>
<li class="rank_li #issue"><div class="rank"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=%EA%B9%80%EA%B8%B0%EC%B2%9C&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@3">김기천</a><span class="status up">40</span><span class="daumhide">상승</span></div></li>
<li class="rank_li #issue"><div class="rank"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=%EA%B0%A4%EB%9F%AD%EC%8B%9C%EB%85%B8%ED%8A%B8+%EB%B0%B0%ED%84%B0%EB%A6%AC%EA%B5%90%ED%99%98&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@4" title="갤럭시노트 배터리교환">갤럭시노트 배터리..</a><span class="status up">45</span><span class="daumhide">상승</span></div></li>
<li class="rank_li #issue"><div class="rank"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=%EC%9D%B4%EB%B3%B4%EC%98%81+%EC%95%BC%EC%83%81&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@5">이보영 야상</a><span class="status up">44</span><span class="daumhide">상승</span></div></li>
<li class="rank_li #issue"><div class="rank"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=%EC%A0%95%EC%95%84%EC%9C%A8&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@6">정아율</a><span class="status up">46</span><span class="daumhide">상승</span></div></li>
<li class="rank_li #issue"><div class="rank"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=%EB%8C%80%EC%A1%B0%EC%98%81+%ED%8C%94%EB%B3%B4&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@7">대조영 팔보</a><span class="status up">387</span><span class="daumhide">상승</span></div></li>
<li class="rank_li #issue"><div class="rank"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=kt+%EC%A0%95%EB%B3%B4%EC%9C%A0%EC%B6%9C+%EC%A7%91%EB%8B%A8%EC%86%8C%EC%86%A1+%EC%B9%B4%ED%8E%98&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@8" title="kt 정보유출 집단소송 카페">kt 정보유출 집..</a><span class="status up">54</span><span class="daumhide">상승</span></div></li>
<li class="rank_li #issue"><div class="rank"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=%EA%B3%B5%EC%9D%B8%ED%96%89%EC%A0%95%EC%82%AC&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@9">공인행정사</a><span class="status up">27</span><span class="daumhide">상승</span></div></li>
<li class="rank_li #issue"><div class="rank"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=%EB%AA%BD%EA%B3%A0%EB%B0%98%EC%A0%90&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@10">몽고반점</a><span class="status up">25</span><span class="daumhide">상승</span></div></li>
</ol>
......


2. 내가 필요한 부분만 짤라내기 위해 html 전체에서 중복되지 않는 조건을 찾습니다.

일반적으로 id 는 문서내에서 중복되지 않는 것이 원칙입니다.
위의 발췌된 부분에서는
<ol id="issueRank" class="#searchrank"> ~  </ol>
부분입니다.

id 는 중복되지 않는 부분이므로 반드시 들어가야 하는 부분이고,
class 부분은 디자인이 조금씩 수정될때 마다 추가 될수 도 있고 빠질수도 있는 부분입니다.

문자열 내부에 " 사용되었으므로 \(에스케이프)를 사용하지 않기 위해서 패턴은 ' 으로 감쌉니다.
패턴구분자는 " ' 을 제외하고 나머지 잘 사용되지 않는 문자를 사용합니다.
저같은 경우는 ` 을 주로 쓰는 편입니다.
그리고 내용에 줄바꿈이 있으므로 패턴변경자로는 s 를 사용합니다.

따라서 패턴은
'`<ol[^>]+id="issueRank"[^>]*>(.+?)</ol>`s';
와 같이 만들어 집니다.

<ol[^>]+id  이렇게 한것은
ol 과 id 사이에 클래스나 다른 것들이 들어올 가능성이 있기 때문입니다.
[^>]* 으로 해도 되지만 [^>]+ 한 이유는 반드시 공백이라도 들어가야 하기 때문이고
olid 이렇게 겹친경우를 방지 하기 위해서 입니다.

(.+?) 이것은 .+ 한것을 찾되 전체 패턴에서 최초로 일치하는 선까지만 찾겟다는 것입니다.
현재 다음 내용에서는 </ol>이 한번밖에 사용되지 않았지만,
다른 내용이 추가 되어 그 뒤로 </ol> 이 여러번 있을 경우를 대비하는 것입니다.

preg_match('`<ol[^>]+id="issueRank"[^>]*>(.+?)</ol>`s', $html, $m1);

print_r($m1);


3. 1차적으로 잘라온 문자열에서 자신이 필요한 정보들을 모두 뽑습니다.

필요한 정보들을 모두 뽑으니까 preg_match_all 을 사용합니다.

필요한 정보들은
<li class="rank_li #issue"><div class="rank first"><a href="http://search.daum.net/search?w=tot&rtupcate=issue&q=%EC%98%81%ED%99%94%EB%B0%B0%EC%9A%B0+%EC%9A%B0%EB%B4%89%EC%8B%9D&guide=rissue&rtupcoll=DQP,NNS&DA=ATGF" class="@1">영화배우 우봉식</a><span class="status new">new</span></div></li>
이러한 형태를 가지는데,
경우에따라 class 부분이 다르거나 하는 경우가 존재합니다.
첫번째것의 경우에는 <div class="rank first"> 와 같이  first 가 추가로 더 들어간것처럼 말입니다.

패턴은
'`<li[^>]*><div[^>]*><a[^>]+href="([^"]+)"[^>]*>(.+?)</a><span class="status([^"]*)">(.*?)</span>`'
이런식으로 만들면 되는데,
패턴 문자열을 싸는 것은 위와 마찬가지로 ' 를 사용하고
패턴 구분자는 ` 을 사용하였습니다.

모두 li 로 싸여 있기 때문에 <li[^>]*> 로 했습니다.
li 외에 id 나 class 등이 있던 없던 상관이 없다는 뜻입니다.

<div[^>]*> 이것 역시 마찬가지의 의미입니다.

<a[^>]+href="([^"]+)"[^>]*> 이렇게 한 이유는 링크만 필요하고 나머지 문자열에는 영향을 받지 않기 위해서입니다.

(.+?) 이것역시 위에서 설명했듯이 최초로 일치하는 것까지만 찾기 위해서입니다.
? 를 붙이지 않으면 맨뒤의 </a> 앞에 까지가 매치되어집니다.

<span class="status([^"]*)">(.*?)</span> 이부분은 키워드의 순위 변동사항을 알려주는 부분인데,
변동사항은 클래스로 알려주기 때문에 특정 클래스를 따로 뽑기 위해서 사용하였습니다.


preg_match_all('`<li[^>]*><div[^>]*><a[^>]+href="([^"]+)"[^>]*>(.+?)</a><span class="status([^"]*)">(.*?)</span>`', $m1[1], $m2);

print_r($m2);

댓글 10개

제가 정규식을 잘 못하는데 항상 유창화님의 강의를 보며 하나하나 지식을 쌓고 있습니다! 감사합니다!
도움이 된다니 기분이 좋군요!!

감사합니다.
실전 강좌로 하니 머리속에더 팍팍꼬치네요.
현업 개발자에게도 많은 도움이되는 강좌!!
그래도 기초공부가 선행되야돼!
알파벳도 모르고 영어단어나 숙어를 사용할수는 없는 것이니.......

암튼 좋다니 다행이네.
해도 해도 어려운게 정규 표현식인데

유창화님 의 강의 덕에 지속적으로 공부하게 되네요.

앞으로도 잘 부탁드리겠습니다.^^
네에
성의껏 해보도록 하겠습니다.
감사합니다.
알기 쉽게 잘 설명하시네요.. 이것도 능력.. ^^
감사합니다.
네 알기 쉽다니 다행입니다.
감사합니다.
정규식 표현이 사실 보면 볼수록 어려워서 간단한 것들만 쓰고, 조금 길면...포기 했었는데...
유창화 회원님의 도움으로 하나 하나 지식을 쌓아가는 느낌 입니다. 진심으로 좋은 정보 남겨 주셔서 감사의 말씀을 드립니다.
네에 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-08-29 조회 4,200
12-08-07 조회 3,864
12-08-03 조회 3,670
12-07-31 조회 3,770
12-07-30 조회 3,719
12-07-16 조회 3,923
12-07-15 조회 3,758
12-07-07 조회 3,614
12-07-06 조회 3,816
12-07-03 조회 3,772
12-06-29 조회 3,404
12-06-22 조회 3,768
12-06-17 조회 4,032
12-05-21 조회 3,949
12-05-02 조회 3,468
12-05-02 조회 4,258
12-05-02 조회 3,381
12-04-30 조회 3,583
12-04-30 조회 3,261
12-03-17 조회 4,136
12-03-10 조회 3,460
12-03-08 조회 3,995
12-03-03 조회 3,698
12-02-27 조회 5,118
12-02-17 조회 4,414
12-02-16 조회 4,691
12-02-03 조회 3,350
12-01-31 조회 3,260
12-01-24 조회 3,260
12-01-17 조회 3,963
12-01-05 조회 3,512
11-12-30 조회 3,241
11-12-23 조회 4,793
11-12-08 조회 3,570
11-12-07 조회 4,523
11-11-27 조회 3,957
11-11-25 조회 4,283
11-11-23 조회 3,721
11-11-22 조회 3,579
11-11-09 조회 3,286
11-10-23 조회 3,228
11-10-19 조회 3,193
11-10-08 조회 2,869
11-10-04 조회 2,868
11-10-04 조회 5,328
11-09-01 조회 4,403
11-08-13 조회 2,580
11-08-06 조회 3,262
11-07-11 조회 3,656
11-06-27 조회 3,013
11-06-21 조회 2,680
11-06-13 조회 2,484
11-06-07 조회 2,495
11-05-26 조회 2,450
11-04-20 조회 2,784
11-03-21 조회 2,878
11-03-18 조회 2,574
11-03-11 조회 2,589
11-02-07 조회 2,425
11-01-18 조회 2,746
11-01-12 조회 2,466
11-01-06 조회 2,555
10-12-10 조회 2,815
10-12-09 조회 2,665
10-12-08 조회 5,095
10-11-29 조회 2,929
10-11-28 조회 2,835
10-11-28 조회 2,665
10-11-19 조회 2,864
10-11-04 조회 2,740
10-10-21 조회 2,462
10-10-19 조회 3,426
10-10-12 조회 2,744
10-10-07 조회 2,583
10-09-30 조회 3,540
10-09-17 조회 3,955
10-09-17 조회 3,891
10-05-31 조회 3,610
09-12-31 조회 3,743
09-07-23 조회 5,063
08-09-16 조회 3,263
08-09-06 조회 3,009
08-09-04 조회 3,434
08-08-16 조회 4,460
08-08-15 조회 3,329
08-08-14 조회 4,545
08-08-12 조회 4,010
08-07-23 조회 2,824
08-07-10 조회 3,781
08-07-04 조회 3,003
08-06-27 조회 7,640
08-06-19 조회 4,952
08-05-27 조회 5,561
08-05-25 조회 5,397
08-05-23 조회 3,472
08-05-23 조회 4,639
08-05-21 조회 4,988
08-05-20 조회 4,100
08-05-20 조회 3,325
08-04-18 조회 4,403