텍스트 클리너에서 전체 툴킷까지: 30개 이상의 무료 브라우저 도구 만들기

Source: Dev.to

몇 달 전, PDF에서 엉망인 텍스트를 정리해야 했습니다. 찾은 온라인 도구들은 광고가 너무 많거나, 회원가입을 요구하거나, 내 데이터를 서버로 보내려 했습니다.

그래서 직접 만들었습니다. 그리고 계속 만들었습니다.

단순한 텍스트 클리너로 시작한 것이 CleanUpTxt 로 성장했습니다: 텍스트 처리, 이미지 OCR, 코드 변환, 창의적 생성기 등을 아우르는 30개 이상의 무료 브라우저 도구 모음입니다. 모든 작업이 클라이언트‑사이드에서 이루어집니다. 데이터가 브라우저를 떠나지 않습니다.

어떻게 진행됐는지, 그리고 그 과정에서 배운 점을 소개합니다.

The Stack

• React + TypeScript
• Tailwind CSS
• Tesseract.js (완전 클라이언트‑사이드 OCR)
• Vercel에 호스팅

우선순위는 속도였습니다. 대부분의 도구가 즉시 로드되고 캐시된 후에는 오프라인에서도 작동합니다. 백엔드가 없으니 데이터 프라이버시 문제도 없습니다 – 텍스트와 이미지가 서버에 전송되지 않습니다.

What’s in the Toolkit

Text Cleaning

• 줄 바꿈, 중복, 빈 줄, HTML 태그, 콤마 제거
• 공백 트리밍

Text Formatting

• 대소문자 변환, 찾기 & 교체, 라인 정렬, 접두사/접미사 추가, 슬러그화, CSV‑안전 텍스트 변환
• Bionic Reading 변환기

Conversion Tools

• 실시간 미리보기가 가능한 Markdown 편집기
• HTML 이스케이프/언이스케이프
• Base64 인코드/디코드
• URL 인코드/디코드
• JSON → TOON 포맷터
• Lorem Ipsum 생성기

Analysis

• 단어 수, 문자 수, 가독성 검사
• 텍스트 diff 비교
• 이메일/데이터 추출기 (엉망인 텍스트에서 구조화된 정보 추출)

Image to Text (OCR)

Tesseract.js를 사용해 브라우저에서 전적으로 동작합니다. 스크린샷이나 사진을 업로드하면 편집 가능한 텍스트를 반환합니다—서버 업로드가 없습니다.

Creative Generators

• Fancy text generator, Discord fonts, cursive text, glitch text, Zalgo text, invisible characters

소셜 바이오, 사용자명, 메시지 등에 사용할 스타일리시한 텍스트를 만들 수 있습니다.

What Actually Gets Traffic

Fancy Text Generator와 Discord Fonts가 가장 많이 사용됩니다. 사람들은 Instagram 바이오, Discord 사용자명, Twitter 프로필 등에 멋진 텍스트를 원합니다. OCR도 강력히 사용되는데, 특히 학생들이 강의 슬라이드와 스크린샷에서 텍스트를 추출할 때 많이 이용합니다.

개발자 도구 (Base64, JSON, Markdown)는 꾸준히 방문자를 받지만 경쟁이 더 치열합니다.

Lesson learned: 기술적으로 인상적인 것보다 사람들이 실제로 구글에 검색하는 문제를 해결하는 도구를 만들라.

The Boring Middle

첫 주는 흥미진진합니다—빠르게 배포하고 도파민이 흐릅니다. 그 다음은 지루한 작업: SEO 튜닝, 엣지 케이스 수정, 모바일 반응형 처리, 30개 이상의 페이지에 대한 메타 설명 작성 등.

저는 사이드 프로젝트를 두 개씩 교대로 진행합니다. 하나가 지루해지면 다른 프로젝트로 전환해, 반복 작업에 지치지 않고 모멘텀을 유지합니다.

포기하지 않는 프로젝트가 승리합니다.

Privacy as a Feature

모든 도구가 클라이언트‑사이드에서 데이터를 처리합니다. 텍스트든 이미지든—서버에 전송되지 않습니다.

이는 윤리적인 선택일 뿐만 아니라, 구축이 더 간단하고 운영 비용도 저렴하며, 실제로 사람들의 관심을 끕니다. “회원가입 없이, 데이터 수집 없이”라는 메시지는 예상보다 큰 반향을 일으킵니다.

What’s Next

• 더 많은 생성기 (ASCII art, 추가 Unicode 스타일)
• 모바일 경험 개선
• 개발자를 위한 API 제공 가능성 검토

Try It

모든 기능은 CleanUpTxt.com 에서 무료로 이용할 수 있습니다. 회원가입도, 제한도 없습니다.

원하는 도구가 있다면 댓글로 알려 주세요. 다음에 만들 무엇을 고민하고 있습니다.