코네 도배 게시글 보이는걸 방지하기 위해 에드블록으로 시작했다가
에드블록의 한계를 느꼈는데 다른 유저분이 스크립트를 써주시더라구요 .
제가 스크립트는 좀 초보라 이걸 어떻게 하면 되나 알아보니, 아주 쉽더군요.
기존에 있던 지식과 새로운 정보로 스크립트를 다시 쓰고 기능을 늘렸습니다.
초보라도 쉽게 하는게 가능하니, 필터링 하고 싶은게 있으시면 한번 해보시는걸 권합니다.
이 스크립트는, 애드온 하나와 간단한 RegExp만 알면 사용이 가능합니다.
자바스크립트를 알지 않아도 이 스크립트 사용이 가능하지만, 알아두면 인터넷 활동도 더 편리해지니 이것도 시간이 되실때 더욱 트라이 해보는걸 권장합니다.
우선 'Tampermonkey' 라는 브라우저 애드온 확장 기능을 설치합시다.
Tampermonkey 는 브라우저 스크립트 관리 애드온이며, 특정 사이트 링크에 접속시 스크립트가 가동됩니다.
여러 스크립트를 동시에 켜둘수 있으니, 여러 사이트에서 활성화가 가능합니다.
(Tampermonkey 사용법은 쉽게 검색해 알아낼수 있으니 여기에 적어드리진 않겠습니다)
(다른 방법이나 다른 애드온도 있지만, 이게 많이 사용되는 방법이니 이걸 권합니다)
Tampermonkey와 스크립트는 끄지 않는 이상 브라우저와 같이 자동으로 시작되니, 브라우저 시작시 일일이 켜줄 필요가 없습니다.
필터링을 유연하게 가능케 하고자, 필터 매치는 RegExp 를 사용하는걸로 합니다.
예시가 될 RegExp를 적어놨으니 대체로 따로 알아볼 필요는 없겠지만, 필요하다면 AI한테 물어보면 만들어주니, 쉽게 사용 가능합니다.
스크립트를 Tampermonkey에 넣고, 아래에 동일한 주석 줄들의 하단에 원하는 필터들을 넣고 저장.
필터 추가&저장 후, 코네 게시판 열어서 새로고침 해 확인.
코네 게시글 테이블 특정상, 서브 게시판 첫 열이 탭이기에, 탭 으로 필터가 되며,
s/all 게시판을 사용 할 시, 첫 열이 서브라, 서브 로 필터가 됩니다.
필터가 된 게시글/댓글은 브라우저 콘솔 페이지에 가면 확인이 가능합니다.
v1.2
v1.3
// ==UserScript==
// @name Kone 게시글 필터링
// @namespace http://kone.gg/
// @version 1.3
// @description 제목, 탭(s/All 일 경우 서브) 이름, 유저명을 RegExp를 써서 필터링합니다.
// @author 공승아
// @match https://kone.gg/*
// @grant none
// ==/UserScript==
// 스크립 기초
// /스크립에서_이_줄_안읽음/, // 스크립 앞에 '//' 넣으면 줄을 스크립에서 안 읽음
/*
스크립에서_이_줄들_안읽음
스크립에서안읽음이거
여러줄 안 읽게 하기
*/
/* RegExp 패턴 예시:
/^테스트1$/, // '테스트1'란 정확한 제목
/테스트2/, // '테스트2'를 포함한 제목
/^테스트3/, // '테스트3'로 시작하는 제목
/테스트4$/, // '테스트4'로 끝나는 제목
/테스트5|테스트6/, // '테스트5' 아니면 '테스트6'가 포함된 제목
/^테스트\d+$/, // 테스트#숫자 예시: 테스트12345
/테.*트/, // '테' 와 '트', 그리고 가운데 아무 문자가 들어간게 포함된 제목
/테.*트.*다 // '테' 와 '트', 그리고 가운데 아무 문자가 들어간게 포함된, 또한 '트' 와 '다' 가운데 아무 문자가 들어간 제목
/tEsT/i, // 대문자 소문자 무분별
*/
(function () {
'use strict';
// 제목 필터 패턴 (RegExp)
const titlePatterns = [
// '청아' 단어가 포함된 게시글을 배제합니다
/청아/,
];
// 탭/서브 이름 필터 패턴 (RegExp)
// s/All 일 경우 테이블에 표시되는 이름-- 서브 핸들ID
const blockedTabPatterns = [
// 'fetishclub' 서브를 배제합니다
/^fetishclub$/,
];
// 작성자 이름 필터 패턴 (RegExp)
// 테이블에 표시되는 이름-- 유저 핸들ID가 아니라 닉네임.
const blockedUserPatterns = [
// '스팸봇' 유저를 배제합니다
/^스팸봇$/,
];
const matchesAny = (text, patterns) =>
patterns.some(pattern => pattern.test(text));
function filterSpamPosts() {
const postAnchors = document.querySelectorAll('a[title]');
postAnchors.forEach(anchor => {
if (anchor.dataset.filtered) return;
const outerDiv = anchor.closest('div');
if (!outerDiv) return;
const tabNameEl = outerDiv.querySelector('.col-span-2 > div');
const tabName = tabNameEl?.innerText.trim() || '';
const title = anchor.getAttribute('title') || '';
const userNameEl = outerDiv.querySelector('#writer_link');
const userName = userNameEl?.innerText.trim() || '';
const shouldHide =
matchesAny(tabName, blockedTabPatterns) ||
matchesAny(title, titlePatterns) ||
matchesAny(userName, blockedUserPatterns);
if (shouldHide) {
console.log('[게시글 필터링됨]', { tabName, title, userName });
anchor.style.display = 'none';
anchor.dataset.filtered = 'true';
}
});
}
function filterSpamComments() {
const comments = document.querySelectorAll('div.group\\/comment');
comments.forEach(commentEl => {
if (commentEl.dataset.filtered) return;
// 유저 이름
const userNameEl = commentEl.querySelector('a.flex span.text-xs');
const userName = userNameEl?.innerText.trim() || '';
// 댓글 내용
const commentTextEl = commentEl.querySelector(
'div.text-sm.whitespace-pre-wrap.overflow-hidden.wrap-anywhere'
);
const userComment = commentTextEl?.innerText.trim() || '';
if (matchesAny(userName, blockedUserPatterns)) {
console.log('[댓글 필터링됨]', { userName, userComment });
commentEl.style.display = 'none';
commentEl.dataset.filtered = 'true';
}
});
}
function observeURLChanges(callback) {
const originalPushState = history.pushState;
const originalReplaceState = history.replaceState;
const fireCallback = () => setTimeout(callback, 100);
history.pushState = function (...args) {
originalPushState.apply(this, args);
fireCallback();
};
history.replaceState = function (...args) {
originalReplaceState.apply(this, args);
fireCallback();
};
window.addEventListener('popstate', fireCallback);
}
function init() {
filterSpamPosts();
filterSpamComments();
const observer = new MutationObserver(() => {
filterSpamPosts();
filterSpamComments();
});
observer.observe(document.body, { childList: true, subtree: true });
observeURLChanges(() => {
console.log('[URL 변경 감지] 게시글 필터링 재실행');
filterSpamPosts();
filterSpamComments();
});
let runCount = 0;
const intervalId = setInterval(() => {
if (runCount++ >= 3) return clearInterval(intervalId);
filterSpamPosts();
}, 1000);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();
