1️⃣ 서론


스크린샷 2024-08-14 오전 3.43.53.png

https://github.com/lsh4711/rabbit-downloader

원래는 [우아한 테크 테코톡] 감상평을 남기려 했었는데 전에 썼던 아티클불법 웹툰 사이트의 원리답글을 받고 다시 글을 써본다.

저번 스터디에서 아현이와 둘이서 얘기했을 때, 토끼 다운로더를 언급하면서 너무 흥미롭다. 불법 광고 차단도 어떻게 하는지 궁금하다. 추측 상 이런 걸 참고해서 코드를 짜지 않았을까? 하면서 겉핥기 식으로 글을 써놓았는데 (심지어 리드미에 이메일도 있어서 메일 드릴까 고민하고 있었다)

먼저 이렇게 답글을 달아주실 줄을 꿈에도 몰랐다. 완전 럭키빅키🍀 덕분에 다시 공부할 의지가 활활 타올라 글을 작성하게 되었다. +

<aside> <img src="/icons/subtitles_gray.svg" alt="/icons/subtitles_gray.svg" width="40px" /> “그리고 아티클은 항상 사실기반 정확한 정보를 제공하자..!는 걸 다시금 마음 속에 새겨두었다.”

</aside>

2️⃣ (불법) 광고는 어떻게 차단 할 수 있는 걸까?


image.png

스크린샷 2024-08-14 오전 4.10.41.png

불법 웹툰 사이트들을 들어가보면 상단에 아주 화려한 불법 토토, 도박 관련 광고들을 볼 수 있다. 클릭만 해도 위험해보인다 근데 토끼 다운로더에서는 이를 차단해준다고 한다. 광고들을 다 차단할 수 있다는게 신기했다. 그래서 해당 원리에 대해 찾아보게 되었다.

처음 아티클을 쓸 때 아래와 같이 검색하여 나오는 키워드들을 검색하여 이런 원리로 구현되지 않았을까 하는 마음에 글을 썼다.

스크린샷 2024-08-14 오전 4.36.35.png

하지만 개발자 분의 답변에서 힌트를 얻어 이에 대해 더 깊게 공부할 수 있었다.

토끼 다운로더 개발자 분의 답변

토끼 다운로더 개발자 분의 답변

⓵ 현재 페이지의 광고 HTML 요소 삭제

<aside> <img src="/icons/warning_gray.svg" alt="/icons/warning_gray.svg" width="40px" /> 한계: 광고 요소가 동적으로 생성되거나 페이지가 로드된 후에 추가될 경우, 이 방식은 모든 광고를 제거하지 못할 수도 있다. + 광고주가 광고의 HTML 구조를 변경하면 이 방식이 제대로 작동하지 않을 수 있다.

</aside>

⓶ 브라우저 규칙 수정 권한을 사용해 광고 이미지 요청을 사전에 차단