cpdown: 웹 콘텐츠를 Markdown 형식 텍스트로 복사
cpdown은 실용적인 브라우저 플러그인으로, 웹페이지 콘텐츠를 깔끔한 Markdown 형식으로 복사할 수 있도록 도와주며, 기존 복사 방식에서 발생하는 HTML 태그 혼란 문제를 해결해 줍니다. 한 번의 클릭으로 웹페이지 콘텐츠를 복사할 수 있을 뿐만 아니라 YouTube 동영상 자막을 추출하고, 웹페이지 광고와 불필요한 요소를 자동으로 필터링하며, 콘텐츠의 token 수를 표시하여 대규모 언어 모델(LLM)과 연동할 수 있도록 해줍니다. 또한 키보드 단축키 조작도 지원하여 업무 효율을 크게 높여줍니다.

기능 특징
웹페이지 원클릭 복사: 브라우저 도구 모음의 cpdown 아이콘을 클릭하거나 키보드 단축키를 사용하여 사용자는 웹페이지 콘텐츠를 Markdown 형식으로 빠르게 복사할 수 있습니다.
YouTube 동영상 자막 추출: YouTube 동영상을 시청할 때 동영상 자막을 Markdown 형식으로 손쉽게 복사할 수 있습니다.
웹페이지 광고 및 불필요한 요소 자동 필터링: 웹페이지 내의 스크립트, 스타일, iframe 등 불필요한 HTML 요소를 자동으로 제거하여 복사된 콘텐츠가 깨끗하게 정리되도록 보장합니다.
콘텐츠의 token 수 표시: 복사된 콘텐츠의 token 수를 표시하므로, 대규모 언어 모델(LLM)과 연동해야 하는 사용자에게 매우 유용합니다.
키보드 단축키 조작 지원: 사용자가 직접 설정한 키보드 단축키를 통해 콘텐츠를 빠르게 복사할 수 있습니다.
활용 시나리오
콘텐츠 크리에이터(블로거, 글쓰는 작가 등): 온라인 콘텐츠를 Markdown 형식으로 빠르게 변환하여 에디터에서 손쉽게 레이아웃을 잡고 편집할 수 있습니다.
학술 연구자: 온라인 논문을 읽을 때 핵심 정보를 Markdown 문서로 손쉽게 복사할 수 있어 정리와 인용이 편리해집니다.
지식 공유자: 소셜 미디어, 포럼 등 플랫폼에서 콘텐츠를 공유할 때 웹페이지 콘텐츠를 Markdown으로 빠르게 서식 지정하여 더욱 명확하고 전문적인 공유가 가능합니다.
기술 스택
Cursor: 개발자의 개발 경험을 최적화합니다.
WXT (Web Extension Toolkit): 브라우저 확장 프로그램 구축을 위한 기본 프레임워크입니다.
React: 사용자 인터페이스 구축을 위한 JavaScript 라이브러리입니다.
Shadcn UI: 사용자 인터페이스 컴포넌트를 제공합니다.
Sonner: toast 알림 기능을 구현합니다.
Tailwind CSS: 스타일 설계에 사용되는 실용적인 CSS 프레임워크입니다.
Defuddle 및 Mozilla Readability: 웹페이지 본문 콘텐츠를 추출하고 HTML 코드를 정리하는 데 사용됩니다.
Turndown: HTML을 Markdown으로 변환합니다.
tiktoken: 복사된 콘텐츠의 token 수를 계산합니다.
프로젝트 특징
원클릭 복사: 도구 모음 아이콘 또는 단축키로 웹페이지 콘텐츠를 빠르게 복사합니다.
콘텐츠 추출: Defuddle 또는 Mozilla Readability 알고리즘을 활용하여 본문 콘텐츠를 추출하고 불필요한 HTML 요소를 제거합니다.
사용자 정의 설정: 추출 알고리즘 선택, 성공 알림 켜기/끄기, 축하 애니메이션 활성화 등 필요에 따라 설정을 조정할 수 있습니다.
크로스 플랫폼 호환: Chrome과 Firefox 브라우저를 동시에 지원합니다.
사용 방법
cpdown 브라우저 플러그인을 설치합니다.
복사하고자 하는 웹사이트를 엽니다.
브라우저 도구 모음에서 cpdown 아이콘을 클릭하거나 키보드 단축키를 사용합니다.
페이지 콘텐츠가 Markdown 형식으로 클립보드에 복사됩니다.
Markdown 콘텐츠를 필요한 곳에 붙여넣습니다.
오픈 소스 프로젝트 링크
GitHub 저장소 주소:https://github.com/ysm-dev/cpdown
대본 기획 도우미▸
AI 앱
AI 뉴스 