velog에 요상한 광고가 너무 많아져서 개발한 Clean Velog 크롬 확장

벨로그 최신 피드에 요상한 광고가 요즘 넘쳐나길래 일단 급하게 만들었다.

스팸 필터링부터 검색 정렬, 북마크, 미리보기 전체 문장 보기까지 동작하게 만든 크롬 확장 프로그램

이런 기능들이 velog에 추가됐으면 좋겠다는 마음으로 제작했다.
(북마크는 좋아요가 대신한다고 쳐도.. 분명 느낌이 다르다.)

---

🛡️ 스팸 필터

• 출장/도박/불법대출/유흥업소/소액결제 현금화 등 스팸 게시글을 피드에서 자동 차단
• 키워드 + 정규식 패턴 + 반복도 분석 3단계 필터로 변형 스팸까지 감지
• 제로 폭 공백(Zero-Width Space)으로 키워드를 쪼개는 회피 수법도 무력화
• 스크롤, SPA 페이지 이동에도 실시간 대응
• 스팸이 순간적으로 보이는 Flash of Spam 완전 방지
• 사용자가 직접 커스텀 차단 키워드 추가 가능

🔍 검색 정렬

늘 검색하면 인기순도 좋지만 최신순으로도 보고 싶었다.

• /search 페이지에서 최신순 / 오래된순 / 인기순 정렬 지원
• Velog GraphQL API를 활용해 화면에 보이지 않는 과거 게시물까지 심층 탐색(Deep Fetch)
• 한 번 수집한 데이터는 캐시되어 빠르게 정렬 전환

velog 검색 기능이 최대 10000개 게시글을 로드하는 걸로 아는데, 그걸 비교해야 하기에 시간이 좀 걸린다는 단점이 있다..

📑 플로팅 북마크

• 포스트 페이지에서 한 번의 클릭으로 북마크 저장
• 피드 카드에도 북마크 아이콘 표시
• 팝업에서 저장한 글 목록을 한눈에 확인하고 바로 이동

글 피드에 마우스를 올리면 뜬다.

북마크한 글들은 여기서 확인 가능

🔎 미리보기 강화

• 피드에서 글 설명 위에 마우스를 올리면 잘림 없는 본문 미리보기 팝오버 표시

---

설치 방법

1. GitHub에서 다운로드
2. chrome://extensions → 개발자 모드 활성화
3. 압축해제된 확장 프로그램을 로드합니다 → 폴더 선택

빌드 없이 바로 사용 가능

---

기술 스택

• Chrome Extension Manifest V3
• Vanilla JS (빌드 도구 없이 동작)
• Velog GraphQL API (v2.velog.io/graphql)
• chrome.storage API

---

마무리

물론 개인정보를 수집하지 않고, 외부 서버로 데이터를 전송하지도 않는다.

다른 곳에서 동작하지 않고 velog에서만 동작하니 안심해도 좋다.

github 링크
크롬웹스토어 링크(추가 예정:검토 받는 중)

웹스토어에 빠르게 올라가면 편하고 좋겠지만 검토 중이니,
지금 써보려면 레포지토리를 다운 후,
chrome://extensions로 접속하여 폴더 로드하고 사용해보면 된다.

여기까지