Chrome Web Store:
https://chromewebstore.google.com/detail/velove-velog-%ED%86%B5%EA%B3%84-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC-%EC%BD%94%EB%93%9C%EB%B3%B5%EC%82%AC/kchhlpmlimheihmppgecbglmfcafdihm
(firefox add-on은 현재 심사중)
velove❤️는 velog에서
- 내 글 통계를 빠르게 보고
- 코드 블록을 한 번에 복사할 수 있게 해주는
velog 전용 크롬 익스텐션입니다.
기능이 막 엄청 복잡한 도구는 아니고,
velog에 “딱 있었으면 좋겠는 부가기능들”만 모으는 걸 목표로 만들고 있어요.
velove❤️를 한 줄로 말하면
설치하고, velog 헤더에 생긴
velove버튼 한 번 누르면 끝나는,
간단하고 안전한 velog 부가기능입니다.
설치 후 velog를 열어보면 상단 헤더(알림 아이콘 근처)에
velove 토글 버튼이 하나 생깁니다.
- 통계 보고 싶을 때 → 버튼 한 번 클릭해서 사이드패널 열기
- 그냥 velog만 보고 싶을 때 → 다시 눌러 닫기
설정 페이지도, 별도의 로그인도, 복잡한 온보딩도 없습니다.
세 가지만 기억해 주세요
1. 사용이 아주 단순합니다
- 크롬 웹스토어에서 velove를 설치하고
- velog에 접속한 뒤
- 헤더에 생기는 토글 버튼을 누른다 → 끝
이 동작만으로 내 게시글 목록과
조회수/좋아요/댓글을 한 번에 확인할 수 있습니다.
2. 보안적으로 “위험 요소가 아예 없는” 구조를 지향합니다
velove는 엑세스 토큰을 받지 않습니다.
- velog 계정 액세스 토큰 / 비밀번호 / 이메일 등
민감한 정보를 입력받지 않고 - 브라우저 로컬 환경에서만 동작합니다.
- 서버로 글 목록을 모아서 따로 저장하거나,
통계를 외부 DB로 쌓지 않습니다.
velog 통계를 보여주겠다고 하면서
사용자에게 액세스 토큰 입력을 요구하는 서비스들이 있는데,
개인적으로는 이 방식이 꽤 위험하다고 생각해서
애초에 velove는 “토큰을 달라고 할 일이 없는 구조”로 만들었어요.
“설치했다가 나중에 정보 털리는 거 아니야?”
라는 걱정을 안 해도 되는 확장 프로그램을 목표로 합니다.
3. 오픈소스입니다 (버그 제보·기능 제안·PR 환영)
velove는 GitHub에 전체 코드가 공개된 오픈소스 프로젝트입니다.
- 버그 리포트
- “이런 기능 있으면 좋겠다” 제안
- 직접 PR 보내기
모두 편하게 해주셔도 됩니다.
코드는 여기에서 볼 수 있어요:
어떤 사람에게 도움이 될까요?
velog에 글을 쓰는 사람이라면
- 내 글들이 지금 얼마나 읽히고 있는지
(조회수·좋아요·댓글) - 어떤 글이 상대적으로 반응이 좋은지/없는지
를, velog 안에서 클릭 한 번으로 확인할 수 있습니다.
“오늘 쓴 글, 어제 쓴 글, 예전에 올렸던 글들 반응이 어떤지
블로그 대시보드처럼 보고 싶은 사람”
에게 특히 잘 맞습니다.
velog 글을 읽기만 하는 사람이라면
velove는 글을 읽을 때도 조금 편해집니다.
- 모든
pre코드 블록에 “복사” 버튼이 자동으로 붙고 - 클릭 한 번에 그대로 클립보드로 복사됩니다.
즉,
- 다른 사람 글에서 본 코드 조금 수정해서 테스트해보고 싶거나
- 설정 스니펫/쿼리/스크립트를 자주 베껴 써야 하는 경우
드래그+선택+복사하는 과정을 줄여주는 작은 품입니다.
velove가 다루고 싶은 것들
개인적으로 velog에는 앞으로도 부가기능이 더 많이 생겼으면 좋겠다고 생각해서,
velove를 “velog 부가기능을 한 군데에 모으는 확장”으로 키우고 싶어요.
현재까지 구현된 건:
- 통계 사이드패널
- 내 글 목록 + 조회수/좋아요/댓글 요약
- 코드 블록 복사 버튼
pre코드 블록에 복사 버튼 자동 추가
그리고 지금 만들고 있는 건:
- 카테고리 기능
- 지금 velog는 기본적으로 “태그” 중심이라,
- 글이 많아지면 태그만으로 분류하기 애매한 불편함이 있거든요.
- velove 쪽에서 “내가 정의한 카테고리”로 글을 묶어서 관리할 수 있게 만드는 중입니다.
기술적으로는: WXT로 만든 velog 전용 확장입니다
velove는 WXT라는 브라우저 익스텐션 프레임워크 위에서 동작합니다.
WXT는 Nuxt에서 영감을 받은, 크롬/파이어폭스 등 여러 브라우저용 확장을
Vite+TypeScript 기반으로 편하게 개발할 수 있게 해주는 프레임워크예요.
- 빌드/번들/매니페스트 설정을 많이 추상화해 줘서
“확장 기능 로직”에만 집중할 수 있고 - HMR, dev server 같은 걸 지원해서
일반 웹앱 개발하듯이 익스텐션을 만들 수 있습니다.
국내에서도 노마드코더 같은 분들이 “괜찮다”고 언급한 적 있는 프레임워크라,
저도 velove를 만들 때 자연스럽게 WXT를 선택하게 됐습니다.
(브라우저 확장 개발에 관심 있다면 velove 레포 구조를 같이 보는 것도 도움이 될 거예요.)
마무리
정리하면, velove는:
- 설치 후 헤더 버튼만 누르면 바로 쓸 수 있고
- 엑세스 토큰 같은 민감한 정보를 요구하지 않으며
- 오픈소스로 공개된 velog 전용 부가기능 모음입니다.
velog에 글을 쓰는 분이라면
- 내 글 통계를 쉽고 안전하게 확인하는 도구로,
velog 글을 읽는 분이라면
- 코드 블록을 조금 더 편하게 복사하는 도구로,
한 번 써보시고 불편한 점이나 아이디어가 있다면
이 글 댓글이나 GitHub 이슈로 편하게 남겨 주세요. 🙌
Chrome Web Store:
https://chromewebstore.google.com/detail/velove-velog-%ED%86%B5%EA%B3%84-%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC-%EC%BD%94%EB%93%9C%EB%B3%B5%EC%82%AC/kchhlpmlimheihmppgecbglmfcafdihm
(firefox add-on은 현재 심사중)
