“해축 보다가 진짜 골인 줄 알았는데 알고 보니 중계화면 띠 배너 위에 떠 있던 로고였어.” 해외축구중계 사이트를 즐겨 보는 중장년 팬들의 이야기를 듣다 보면 하나같이 공통된 불만이 튀어나옵니다. EPL중계 시청 중 중요한 슈팅이나 골 장면이 사이트 자체 로고나 워터마크에 가려져 정작 경기의 디테일을 놓친 경험이 생각보다 무척 많다는 점입니다. 실제로 휴대폰 화면이 아니라 큰 모니터로 보아도 좌측 상단에는 계속 ‘무료스포츠중계’, 또는 방송사 이미지가 떠 있고 우측 하단에는 또 다른 프로모션이 숨을 쉬지 못하게 방해를 합니다. 특히 cu-tv01.com 같은 경우는 경기 중계 화면 중앙 하단에 커다란 브랜딩 로고를 배치해 영상 구도에서 공 흐름을 읽기 어렵게 만든 적이 많았습니다.
누군가는 “개발자 도구 열어서 CSS에서 visibility 값을 hidden으로 바꾸면 되는 거 아니냐”고 말할 수도 있습니다. 그러나 직접 CSS를 수정하는 방법은 생각만큼 만만하지 않습니다. 웹사이트마다 로고 이미지의 클래스 이름이나 ID가 전부 제각각이라 사이트를 바꿀 때마다 별도의 CSS 문법을 찾고 적용해야 합니다. 또한 스트리밍 영상 위에 오버레이 된 객체가 자바스크립트로 동적 생성되는 사이트들은 브라우저를 새로고침 할 때마다 동일한 동작을 반복해야 하므로 실천에 옮기긴 어렵습니다. 속속들이 다 뜯어고치는 것으로는 오히려 깨진 레이아웃을 마주해 또 다른 불편을 감수해야 할지 모릅니다. 대부분의 이른바 ‘스포츠중계 팁’은 너무 전문적으로 쓰여 있어 당장 오늘 밤 경기에 적용하기에 무리가 따랐습니다.
이런 답답함은 해외축구중계 사이트가 얼마나 더 많은 광고 요소를 화면 곳곳에 박아대느냐와 비례해 커져 왔습니다. 멀쩡한 경기 중계가 열네 개나 되는 불필요한 로고와 프로모티 텍스트로 뒤덮이며 게임 분석보다는 인내심 시험으로 전락하는 순간도 적지 않습니다. 그간 공유되는 소위 극약처방들은 죄다 개발 수준의 지식을 요구하는 탓에 ‘그냥 로고 옆으로 밀면서 봐야지’ 하고 포기해 버리는 분들이 너무 많습니다. 무료스포츠중계 자체가 질 좋은 해외 소스를 가져오다 보니 현지 사이트들의 워터마크와 국내 운영사들의 추가 로고가 중첩되는 것이 현실이며 이 인벨롭 구조는 예전보다 더 복잡해지고 있습니다.
하지만 시청자의 집중력과 시력을 빼앗는 이 귀찮은 방해물을 해결할 더 기민하고 간편한 수단이 있습니다. 우크라이나 사설 코드를 작성하거나 크롬 확장 프로그램을 뒤질 필요가 전혀 없습니다. 지금 당장 인터넷 브라우저 한쪽 북마크 바에 아주 짧은 자바스크립트 한 줄을 미리 즐겨찾기해 두기만 하면 원하는 EPL중계 사이트에 접속해 단번에 미관을 해치는 트레이드마크들를 없앨 수 있습니다. 바로 ‘북마크릿’이라는 이름의 자그마한 기능성 링크로, 구성 원리도 아주 간단하고 앞서 언급한 CSS 수정의 불편을 거의 즉시 해소해 줍니다. 현재 보고 있는 무료스포츠중계 화면에 숨길 요소가 몇 겹이 쌓였든 최상단의 거추장스러운 배너들을 순식간에 정리하면서 생생한 경기에 몰입할 토대를 만듭니다. 도구 자체가 작동하는 방식과 자신만의 코드를 완성해 적용하는 주요 순서는 바로 다음 장부터 단락을 나누어 풀어내겠습니다.
북마크릿이란? – 초보자도 1분 만에 이해하는 원리와 안전성
즐겨찾기에 저장된 작은 프로그램, 북마크릿의 정체
북마크릿(Bookmarklet)은 ‘북마크(Bookmark)’와 ‘애플릿(Applet)’의 합성어로, 웹 브라우저의 즐겨찾기 기능에 저장해 두고 클릭 한 번으로 실행할 수 있는 아주 작은 프로그램을 의미합니다. 일반적인 북마크가 단순히 특정 웹사이트의 주소(URL)를 저장하는 용도로 사용된다면, 북마크릿은 주소 대신 자바스크립트(JavaScript)라는 프로그래밍 언어로 작성된 명령어 묶음을 품고 있습니다. 사용자가 이 북마크릿을 클릭하는 순간, 현재 열려 있는 웹페이지의 소스 코드에 해당 명령어가 전달되어 특정 동작을 즉시 수행하게 됩니다.
예를 들어, 어떤 EPL중계 사이트에 접속해 경기를 시청하는 도중 화면을 가리는 커다란 로고가 거슬린다면, 미리 만들어 둔 ‘로고 제거 북마크릿’을 클릭하기만 하면 됩니다. 그러면 브라우저가 사이트 내에서 해당 로고 이미지 또는 요소를 찾아내어 ‘숨김’ 처리하거나 ‘투명’하게 바꾸는 작업을 1초도 안 되어 실행해 줍니다. 사용자는 CSS를 직접 수정하거나 개발자 도구 같은 복잡한 기능을 켰다 껐다 할 필요가 전혀 없으며, 오직 북마크릿 하나로 원하는 결과를 얻을 수 있습니다.
직관적인 비유로 이해하는 북마크릿의 작동 방식
마치 리모컨 하나로 TV 화면에 겹쳐 나오는 불필요한 자막이나 안내 문구를 깔끔하게 끌 수 있다고 상상해 보십시오. 방송사가 송출하는 화면에 ‘다음 프로그램 예고’ 배너가 나타났을 때, 시청자가 일일이 TV 설정 메뉴로 들어가 화면 비율을 조정하거나 색상 필터를 바꾸는 대신 ‘자막 제거’ 버튼 한 번만 누르면 배너가 사라지는 것과 같습니다. 북마크릿도 똑같은 원리입니다. 무료스포츠중계 사이트가 강제로 화면 위에 얹어 놓은 워터마크, 로고, 또는 광고 배너를 사용자가 직접 조작하지 않고, 북마크릿이라는 ‘제거 리모컨’을 클릭하는 것만으로도 깔끔하게 없앨 수 있습니다.
이러한 비유에서 가장 중요한 점은 TV 리모컨이 TV 자체를 고장 내거나 다른 채널의 화면을 망가뜨리지 않는 것처럼, 북마크릿 역시 사이트 서버나 타 이용자에게 어떤 영향도 주지 않는다는 사실입니다. 북마크릿은 오직 내 컴퓨터 브라우저 위에서만, 지금 보고 있는 이 페이지 안에서만 일시적으로 작동합니다. 새로고침(F5)을 하면 원래 상태로 되돌아가기 때문에 시도에 대한 부담이 적고, 잘못 눌렀다고 해서 사이트가 깨지거나 개인 정보가 유출될 위험도 없습니다.
북마크릿의 안전성 – 내 브라우저 안에서만 제한적으로 움직인다
북마크릿이 결국 자바스크립트 코드를 실행하는 것이라는 점에서, 보안에 민감한 분들은 ‘혹시 바이러스가 있거나 내 컴퓨터 속 정보를 빼가는 것은 아닐까?’ 하고 걱정할 수 있습니다. 하지만 북마크릿의 안전성은 ‘실행 범위가 철저히 제한적’이라는 데서 비롯됩니다. 일반적인 해킹 프로그램이나 악성코드는 서버를 공격하거나 컴퓨터 운영체제(OS)에 직접 침투하는 반면, 북마크릿은 현재 인터넷 브라우저 안에 열려 있는 하나의 웹페이지만을 대상으로 명령어를 내릴 뿐입니다. 웹페이지 외부의 다른 프로그램이나 파일에 접근할 수 있는 권한 자체가 없도록 브라우저가 엄격히 제한하기 때문에 안심하고 사용할 수 있습니다.
특히 무료스포츠중계 사이트에서 흔히 사용하는 오버레이(Overlay) 형태의 요소들은 대부분 HTML과 CSS로 구현되어 있습니다. 북마크릿은 이 요소들의 스타일 속성(style attribute) 중 ‘display’를 ‘none’으로 바꾸거나 ‘opacity’를 ‘0’으로 설정하는 단순한 명령만을 내보냅니다. 이는 웹사이트가 본래 보여주려고 했던 핵심 콘텐츠인 EPL중계 영상은 건드리지 않고, 오로지 덧씌워진 껍데기만 걷어내는 조치입니다. 예를 들어 스트리밍 동영상을 감싸는 큰 틀과 타임라인 같은 인터페이스 요소는 그대로 둔 채, 불필요한 로고 이미지만 선택적으로 제거하는 것이 가능합니다.
더 나아가, 북마크릿은 사이트가 다른 스크립트와 상호작용하는 방식도 일반인이 이해하기 쉬운 수준에서 간단하게 이루어집니다. 흔히 말하는 세션 탈취(session hijacking)나 쿠키 변조 같은 복잡한 공격 기법은 실행 단위 자체가 다르기 때문에 적용될 수 없습니다. 사이트 방문 기록을 남기지도 않고, 귀하가 로그인한 계정 정보에도 절대 접근하지 못하는 점을 기억해 두시면 좋겠습니다. 이륜의 장인이었던 사람도 믿고 쓸 수 있을 정도로 안전한 도구이며, 명확한 목적(특정 시각적 요소만 없애자)을 지녔다는 점에서 사실상 무해하다고 봐도 무방합니다.
EPL중계 워터마크 제거 북마크릿 제작법 – 단계별 가이드
첫걸음: 최신 브라우저와 테스트 사이트 준비
워터마크를 제거하기 위한 북마크릿을 만들기 위해 필요한 것은 크롬이나 엣지 같은 최신 브라우저 하나면 충분합니다. 출시된 지 오래된 브라우저는 자바스크립트 실행 방식이 달라 원하는 대로 작동하지 않을 수도 있으므로, 가능하면 최신 버전으로 업데이트된 환경을 유지하시길 권장합니다. 먼저 https://cu-tv01.com/ 에 접속하여 EPL중계 화면이 제대로 표시되는지 확인해 보십시오. 이 사이트는 여러분이 무료스포츠중계를 이용할 때 가장 흔히 마주치는 워터마크 형태를 가지고 있어, 실습하기에 매우 적합한 대상입니다. 만약 사이트에 처음 방문하신다면, 경기 시작 전 화면을 관찰하며 어느 부분에 로고가 걸려 있는지 미리 짚어보는 것도 도움이 됩니다.
북마크릿 제작 1단계: 브라우저 북마크바 활성화와 신규 추가
실제 북마크릿 코드를 생성하기 전에, 먼저 사용 중인 브라우저에서 북마크바를 켜야 합니다. 크롬이라면 주소창 오른쪽 끝에 있는 별표(☆) 아이콘 오른쪽에 있는 세로 점 세 개 메뉴를 눌러 ‘북마크’ > ‘북마크바 표시’를 활성화하면 됩니다. 엣지도 이와 유사한 경로로 설정할 수 있습니다. 북마크바가 등장했다면, 빈 공간 아무 곳에서 마우스 오른쪽 버튼을 클릭하고 ‘페이지 추가’ 또는 ‘새 북마크’를 선택하십시오. 이제 이름 부분에는 ‘워터마크 제거’라고 기입하고, URL 부분에는 아래에서 설명드릴 자바스크립트 명령어를 정확히 입력해 주셔야 합니다. 이 과정을 생략하거나 오타가 발생하면 원하는 기능이 동작하지 않을 수 있으니 주의가 필요합니다.
북마크릿 코드 입력: CSS 오버레이를 숨기는 핵심 명령어
URL 칸에는 일반적인 웹 주소 대신 특수하게 작성된 자바스크립트 코드 한 줄을 넣게 됩니다. 이 코드는 EPL중계 화면을 가리고 있는 모든 CSS 스타일 기반 오버레이 요소를 자동으로 찾아 숨기는 역할을 수행합니다. 예를 들어, 대부분의 무료스포츠중계 사이트는 특정 클래스명이나 ID를 가진 div 태그에 배경 이미지와 위치를 고정시켜 워터마크를 만듭니다. 따라서 브라우저가 해당 요소를 감지하자마자 즉시 Hide 처리하는 스크립트를 URL 창에 입력하면 됩니다. 구체적인 코드는 다음과 같은 패턴으로 구성됩니다: javascript:(function(){document.querySelectorAll(요소선택자).forEach(e => e.style.display='none');})(); 여기서 ‘요소선택자’ 부분에는 사이트에서 사용하는 고유 클래스명이나 태그 속성을 정확히 대입해야 합니다. https://cu-tv01.com/ 의 경우, 북마크릿이 활성화되었을 때 깜빡임 없이 부드럽게 사라지도록 코드를 미리 조정해 두었습니다. 만약 다른 방식을 선택한다면, visibility나 opacity 속성을 변경하는 방법도 있으나, 가장 확실한 것은 display:none;으로 요소 자체가 렌더링되지 않도록 하는 방법입니다.
북마크릿 제작 2단계: 이름 설정과 코드 붙여넣기
앞서 만든 대화상자에서 이름 부분에는 간결히 ‘워터마크 제거’를 기입하고, URL 부분에는 앞서 준비한 전체 자바스크립트 코드를 그대로 붙여넣습니다. 여러분이 직접 사이트 구조를 분석하여 요소명을 찾을 자신이 없다면, 아래의 검증된 코드를 그대로 이용해도 좋습니다. 이 코드는 cu-tv01.com 의 EPL중계 환경을 기준으로 설계되었기에, 골장면을 가리는 로고 오버레이를 단숨에 없앨 수 있습니다. 입력을 마친 후 저장 버튼을 누르면 북마크바에 새로운 항목이 생긴 것을 확인할 수 있습니다. 이때 아이콘 모양이 공란으로 나올 수 있는데, 이는 정상이니 걱정하지 않아도 됩니다. 북마크릿의 정체성은 단순한 URL 북마크가 아니라 브라우저에서 직접 실행되는 작은 프로그램 조각이기 때문입니다.
3단계: 실제 EPL중계 화면에서 테스트와 변화 관찰
모든 준비가 완료되었다면, 이제 https://cu-tv01.com/ 에 접속하여 실제 경기 중인 화면으로 이동합니다. EPL중계 생방송이 진행 중일 때 북마크바에 추가한 ‘워터마크 제거’ 북마크를 클릭해 보십시오. 처음에는 아무 변화도 없는 것처럼 보일 수 있지만, 조금만 기다리면 화면 상단이나 측면에 자리 잡고 있던 커다란 로고가 순간적으로 자취를 감추는 것을 목격할 수 있습니다. 이 과정에서 브라우저의 콘솔에 별도의 오류 메시지가 뜨지 않으면 성공적으로 작동하고 있는 것입니다. 만약 여전히 로고 일부가 남아 있다면, 다시 북마크릿을 두 번 클릭하거나 새로고침 후 다시 시도해 보십시오. 환경에 따라 약간의 지연이 발생할 수도 있지만, 대개는 한 번의 클릭만으로도 깨끗해집니다.
여기서 집고 넘어갈 점은, 북마크릿은 사이트에 영구적인 변화를 가하지 않는다는 사실입니다. 따라서 같은 장면에서 새로고침을 누르면 원래의 워터마크가 다시 나타며, 다른 EPL중계 영상으로 이동할 때도 재클릭이 필요할 때가 있습니다. 이는 보안과 임시 상태를 유지하기 위함이므로 사용자 입장에서 아주 자연스러운 현상이라 할 수 있습니다. 다른 해외축구중계 사이트에서 쓰려 해도 같은 방식으로 북마크릿 코드 내 선택자만 바꾸면 얼마든지 응용 가능하니, 고급 활용 단계에서 다양하게 시도해 보시길 권합니다.
실전 응용 – NBA중계와 다른 해외축구중계 사이트에도 적용하는 팁
사이트별 CSS 클래스명 찾는 법: 개발자 도구 활용의 기초
워터마크를 제거하는 북마크릿의 핵심은 대상 요소의 CSS 클래스명 또는 ID를 정확히 식별하는 데 있습니다. EPL중계 사이트와 달리 NBA중계나 다른 해외축구중계 플랫폼은 저마다 다른 구조와 명명 규칙을 사용하기 때문에, 범용 코드 하나로 모든 사이트를 커버하기는 어렵습니다. 따라서 최초에 1회만 각 사이트에 맞는 클래스명을 찾아내는 과정이 필요합니다. 이를 위해 브라우저의 개발자 도구(F12)를 활용하는 간단한 방법을 숙지해 두시면 좋습니다.
개발자 도구를 여는 단축키는 대부분의 브라우저에서 F12 또는 Ctrl+Shift+I입니다. 도구가 열리면 상단 탭 중 ‘Elements'(또는 ‘요소’)를 선택합니다. 이후 중계 화면에서 제거하고자 하는 워터마크 로고 위에 마우스 커서를 올리고 우클릭한 후 ‘검사'(Inspect)를 클릭합니다. 그러면 개발자 도구가 해당 로고를 감싸고 있는 HTML 태그로 자동 이동합니다. 이때 주목해야 할 부분은 태그 안에 적힌 class=”…” 속성입니다. 예를 들어