Patreon 구독 비용 추적을 위한 JavaScript 기반 사용자 스크립트 개발
🤖 AI 추천
Patreon과 같은 플랫폼에서 자신의 구독 비용을 파악하고 관리하는 데 어려움을 겪는 개발자, 재정 관리에 관심 있는 모든 사용자에게 유용합니다. 특히 여러 구독을 관리하며 상세한 비용 분석이 필요한 경우에 추천합니다.
🔖 주요 키워드
핵심 기술: Patreon의 구독 관리 페이지에서 사용자 지출을 자동으로 집계하고 시각화하는 JavaScript 기반 사용자 스크립트 개발.
기술적 세부사항:
* 목표: Patreon이 제공하지 않는 연간/월별 구독 비용 총계 제공.
* 구현 방법: User JavaScript and CSS 브라우저 확장 프로그램을 사용하여 Vanilla JavaScript로 사용자 스크립트 작성.
* 작동 방식:
* Patreon Memberships 페이지를 스캔.
* $4.99 (월), €50 (연) 등 가격 및 통화 추출.
* 통화(USD, EUR 등) 및 결제 주기(월별, 연별)별로 그룹화.
* 추출된 데이터를 합산하여 팝업으로 월별/연별 내역 및 총계 표시.
* 페이지 로드 후, 두 번째 <h1> 태그를 클릭 가능하게 만들어 스크립트 실행 트리거.
* 클릭 시 관련 <span> 요소에서 가격, 빈도, 통화 정보를 추출.
* 추가 기능:
* 달러는 녹색, 유로는 파란색으로 총계 강조.
* 브라우저 개발자 도구 콘솔에 직접 붙여넣거나 북마클릿으로 변환하여 확장 프로그램 없이 사용 가능.
개발 임팩트: 사용자가 자신의 Patreon 구독 지출에 대한 투명성을 확보하고, 플랫폼에서 제공하지 않는 재정 관리 기능을 자체적으로 구현할 수 있게 함.
커뮤니티 반응: (언급 없음 - 개인 프로젝트 스크립트 공유)