웹브라우저에 사용자 스크립트라는걸 적용하면 가능한 부분 선에서 자신이 원하는대로 페이지를 조작할 수 있습니다
저는 고민게시판을 노출하는 운영정책으로 인해 루리웹 이용에 불편함을 느껴왔습니다. 차라리 광고를 보지.
몇번인가 없애주거나 다른 게임을 우선 노출하기도 했고 고민게시판을 보는게 고민이라는 유저들의 고충도 몇번이고 올라왔지만
요즘은 그냥 무시하려는 모양입니다. 모바일 버전에서는 뒤로 미뤄주긴 했는데 그렇다고 pc에서 모바일로 볼 수는 없고
갈데라곤 루리뿐인데 안올수도 없고...
그러다가 얼마전에 제가 이용하는 다른 사이트에 이런저런 기능을 추가해주는 사용자 스크립트가 있다는 것에 착안하여
마찬가지로 원하는대로 페이지가 보일 수 있게 하지 않을까 하는 생각을 떠올렸습니다.
1. 일단 사용자 스크립트를 사용할 수 있게 해주는 확장기능을 설치해줍니다
https://violentmonkey.github.io/
저는 크롬을 사용하므로 링크대로 따라가서 크롬 웹스토어에서 확장기능을 받아 설치하였습니다.
다른 브라우저 사용하시면 음... 알아서 해주세요
2. 확장기능의 옵션에 들어가면 위와 같은 설정 페이지가 나옵니다
+를 눌러서 새로운 유저스크립트 를 선택합니다.
혹시 확장기능의 배지가 보이지 않는다면 설정 - 확장 프로그램 - Violentmonkey - 세부정보 - 확장 프로그램 옵션
으로 접근할 수 있습니다
3. 새로운 유저스크립트를 쓸 수 있는 에디터가 열립니다
첫번째 화살표는 어느 사이트에 작동하느냐 주소를 쓰는것 같습니다
https://*.ruliweb.com/
이라고 고쳐줍니다
그 다음 10 행 부터 사용자 스크립트를 써넣어주면 됩니다
4. 일단 소스를 까보니까 대충 어디를 건드려야 할지가 보입니다.
저 부분을 '게시판 탭' 이라고 부르는 거였군요.
일단 최대한 사이트 본래의 기능을 해치고 싶지 않았기에 first active 라는 것만 어떻게 조작해도 되지 않을까? 하고 생각을 했습니다.
그런데 마우스 오버가 되면 또 보기 싫은 것들을 봐야 했기 때문에 그냥 안보이는 쪽으로 가닥을 잡기로 했습니다.
어차피 저 게시판 탭이라는게 운영자가 푸시하고 싶은 컨텐츠를 선정하는 것이다보니 저에겐 안보이더라도 크게 문제는 되지 않았습니다.
또 혹시 저곳에 접근하고 싶으면 그냥 탭만 클릭하면 되니까 내용만 날리는 쪽으로 결정했습니다.
5. 컨텐츠의 내용이 표시되는 곳은 클래스 inner_box 의 div 태그 부분인가 봅니다.
일단 저는 자바스크립트? 를 전혀 할줄 모르기 때문에 열심히 구글링을 해서 방법을 찾아봤습니다.
'클래스 이름으로 div를 찾아 지우기' 대충 이런 방법으로 찾아봅니다. 방법이 나옵니다.
그랬더니 document.querySelector('.class').remove(); 라고 하면 되는가 봅니다
되는지 안되는지 문제는 없는지 개발자 도구에서 시험해봅니다
컨텐츠 내용만 깔끔하게 날아갔습니다.
6. 그럼 이제 실제로 스크립트를 써 넣어보기로 합니다.
에디터에서 코드를 위와 같이 써주면 됩니다. 달랑 한 줄!
저는 그냥 지워버렸다가 혹시 나중에 왜 보이지 않는걸까 하고 건망증이 찾아올것이 두려워
해당 부분을 지우는 대신에 임의의 문장을 써서 이러한 일을 했다라는 것을 표시하기로 했습니다.
또 열심히 찾아보니까 remove 대신에 innerHTML 이라는걸 쓰면 된다고 합니다.
document.querySelector('.inner_box').innerHTML = '문장'
이라고 쓰면 됩니다.
불필요한 코드는 // 로 주석으로 바꾸면 됩니다.
코드를 다 썼으면 저장하면 됩니다.
코드를 저장했으면 그 다음에는 옆의 설정 탭으로 들어갑니다.
스크립트 이름을 적당히 정해주고
페이지 로딩이 끝난 시점에서 스크립트가 작동하도록
실행시점은 드롭박스에서 document-end 를 선택하고 저장하고 닫아주시면 됩니다.
이제 스크립트가 잘 작동하는지 살펴볼 시간입니다. 스크립트가 활성화 되었는지 확인하고
메인화면에서 새로고침해서 스크립트가 적용되는지 확인하시면 됩니다.
이런것도 강좌라고 달랑 한줄짜리 코드 쓰는걸 없만갤에 올리는걸 상당히 망설였지만
혹시나 필요한 분들이 있을까봐 올려봅니다