제가 70개 이상의 툴을 제공하는 무료 올인원 툴 웹사이트를 만들었습니다 — 이야기

Source: Dev.to

왜 FixFlowHub를 만들었나요

간단한 작업을 위해 여러 웹사이트를 오가며 계속 답답함을 느꼈습니다:

• 이미지 압축 → TinyPNG
• PDF 병합 → SmallPDF (워터마크가 있음 😤)
• 문법 검사 → Grammarly (유료)
• QR 코드 생성 → 무작위로 떠도는 의심스러운 사이트

대부분의 도구는 회원가입을 요구하거나, 워터마크를 삽입하거나, 기본 기능을 유료 장벽 뒤에 가두고 있습니다.
그래서 모든 것이 실제로 무료인 한 곳을 만들기로 결심했습니다.

만든 것

FixFlowHub — 5개 카테고리, 70개 이상의 도구를 제공하는 무료 올인원 온라인 툴박스.

🖼️ 이미지 도구 (23개)

• 품질 손실 없이 이미지 압축
• JPG, PNG, WebP, HEIC, AVIF, SVG, BMP, TIFF, ICO 간 변환
• 리사이즈, 자르기, 회전, 뒤집기, 워터마크 삽입
• 그레이스케일 변환, 이미지 편집기
• 이미지 → Base64 인코더

📄 PDF 도구 (8개)

• 여러 PDF를 하나로 병합
• PDF를 페이지별로 분할
• PDF 용량 압축
• PDF ↔ 이미지 변환
• 비밀번호로 PDF 잠그기/잠금 해제
• PDF 페이지 순서 변경

🤖 AI 텍스트 도구 (11개)

• 이력서 작성기
• 커버레터 생성기
• 문법 검사기
• 텍스트 재작성·패러프레이즈 도구
• 이메일 작성기
• LinkedIn 프로필 생성기
• YouTube SEO 생성기
• SEO 태그 생성기
• AI 텍스트 요약기
• 비즈니스 슬로건 생성기
• 제품 설명 생성기

🧮 계산기 도구 (15개)

• 대출 EMI 계산기
• BMI 계산기
• 나이 계산기
• 복리 계산기
• GPA 계산기
• 칼로리 계산기
• 임신 예정일 계산기
• 환율 변환기
• 급여 계산기
• 그 외 다수…

🛠️ 유틸리티 도구 (10개)

• QR 코드 생성기
• 비밀번호 생성기
• JSON 포맷터·밸리데이터
• Lorem ipsum 생성기
• 색상 선택기 (HEX, RGB, HSL)
• 시간대 변환기
• 케이스 변환기
• 텍스트 정리기
• HTML 엔티티 인코더
• YouTube 썸네일 다운로드기

기술 스택

• 프론트엔드: React + Vite
• 스타일링: Tailwind CSS
• 이미지 처리: HTML5 Canvas API (클라이언트 측)
• PDF 처리: PDF.js
• AI 도구: Anthropic Claude API
• 호스팅: Lovable + 커스텀 도메인

핵심 설계 결정

• 프라이버시 우선: 모든 이미지·PDF 처리는 브라우저 내에서 이루어집니다. 파일이 서버에 업로드되지 않음.
• 회원가입 없음: 마찰을 최소화하고 싶었습니다. 도구를 열고, 사용하고, 끝.
• 워터마크 없음: 모든 도구가 완전 무료이며 기능 제한이 없습니다.

배운 점

• 구현은 쉬운 편 — 트래픽을 얻는 것이 어렵다 😅
• SEO는 시간 소요 — 하룻밤 사이에 결과를 기대하지 말 것
• 단순함을 선호 — 팝업·강제 회원가입 없이 바로 작동하는 도구가 좋다
• 무료 도구는 사용자 유입에 효과 — 하지만 수익 모델은 별도 고민이 필요

직접 사용해 보기

👉 fixflowhub.com

피드백을 기다립니다! 다음에 추가했으면 하는 도구가 있나요? 아래 댓글로 알려 주세요 👇