개발기1인개발AI

Repasta 개발기: 1인 개발자의 AI 콘텐츠 도구 만들기

Repasta 개발기: 1인 개발자의 AI 콘텐츠 도구 만들기

왜 Repasta를 만들었나

블로그에 정성 들여 글을 쓰고 나면, 늘 같은 고민이 생겼습니다. "이 글을 인스타에도 올리고 싶은데, 캐러셀로 다시 만들기 귀찮다." 핵심을 추출하고, 슬라이드에 맞게 줄이고, 디자인 툴에서 하나하나 만드는 과정에 30분~1시간이 걸렸죠.

"URL 하나 넣으면 AI가 알아서 해주면 안 되나?" 이 질문에서 Repasta가 시작됐습니다.

MVP: 일단 돌아가게 만들기 (v0.1~v0.2)

처음에는 아주 단순했습니다. 블로그 URL을 입력하면 AI(Claude)가 캐러셀 텍스트로 변환해주는 것. Next.js App Router와 Anthropic Claude API로 첫 버전을 만들었습니다.

v0.1에서는 URL 파싱 → AI 변환 → 텍스트 출력이 전부였지만, 사용해보니 바로 개선점이 보였습니다:

  • SSE 스트리밍: AI 응답을 기다리는 동안 실시간으로 텍스트가 나타나게 했습니다
  • 텍스트 직접 입력: URL이 없어도 텍스트를 붙여넣으면 변환 가능
  • 인라인 편집: 변환 결과를 바로 수정할 수 있게
  • 드래그 재정렬: 슬라이드 순서를 마우스로 바꿀 수 있게

v0.2까지 오니 "쓸 만한 도구"가 되었습니다.

이미지 생성: Canvas API 도전 (v0.3)

텍스트만 나오면 결국 디자인 툴을 열어야 했습니다. "이미지까지 만들어주면 좋겠다"는 생각에 Canvas API로 캐러셀 이미지를 직접 생성하는 기능을 추가했습니다.

6개 템플릿 + 커스텀 색상 + 폰트 크기 조절 + ZIP 다운로드까지. 서버 없이 브라우저에서 이미지를 생성하니 비용도 들지 않고 속도도 빨랐습니다.

수익화: 결제와 광고 (v0.4)

도구가 어느 정도 완성되니 수익화를 고민했습니다. 1인 개발자에게 서버 비용은 곧 자기 돈이니까요.

  • Supabase Auth: Google 소셜 로그인 (이후 카카오 추가)
  • Toss Payments: 빌링키 기반 월 구독 (Pro ₩4,900/월)
  • AI 모델 차등: 무료는 Claude Haiku, Pro는 Claude Sonnet
  • Google AdSense: 무료 사용자에게 광고 표시

특히 AdSense는 처음에 승인이 거부됐습니다. "게시자 콘텐츠가 없다"는 이유였는데, 도구 앱 자체는 Google이 "콘텐츠"로 인정하지 않더라고요. 그래서 지금 보시는 이 블로그 섹션을 추가하게 되었습니다.

역변환: 인스타 → 블로그 (v2)

원래 블로그 → 인스타 한 방향이었지만, 반대 방향도 수요가 있었습니다. 인스타에서 반응 좋은 캡션을 블로그 글로 확장하고 싶다는 것이죠.

v2에서 추가한 역변환 기능:

  • 텍스트 입력: 인스타 캡션을 붙여넣으면 블로그 글로 확장
  • Vision OCR: 캐러셀 이미지를 업로드하면 텍스트를 추출해서 블로그로 변환 (Pro 전용)
  • 톤/깊이 선택: 친근한 톤, 전문적 톤, 스토리텔링 중 선택 + 분량 조절

이 기능으로 Repasta는 "양방향 콘텐츠 변환 도구"가 되었습니다.

Chrome 확장 프로그램

웹에서만 쓰기엔 동선이 길었습니다. 블로그를 읽다가 "이거 인스타로 올리고 싶다" 싶으면, Repasta 사이트에 가서 URL을 복사해 붙여넣어야 했으니까요.

Chrome 확장 프로그램을 만들어서, 블로그를 읽는 도중에 버튼 하나로 바로 변환할 수 있게 했습니다. Web Store 심사 중입니다.

기술 스택 선택 이유

혼자 개발하다 보니 "빠르게 만들 수 있는가"가 가장 중요한 기준이었습니다:

  • Next.js 16 (App Router): 프론트엔드 + API Route 하나로 해결
  • Supabase: 인증 + DB를 매니지드 서비스로. 서버 관리 부담 없음
  • Claude API: GPT 대비 긴 글 요약 품질이 더 좋았음
  • Toss Payments: 한국 결제는 토스가 문서화 가장 잘 되어 있음
  • Vercel: git push만 하면 자동 배포. 인프라 걱정 없음
  • Turborepo: 웹 + 확장 프로그램 모노레포로 공유 코드 관리

1인 개발에서 배운 것

AI와 함께 개발하기

이 프로젝트는 Claude Code(AI 코딩 도구)와 함께 만들었습니다. PDCA(Plan-Do-Check-Act) 방법론으로 기능마다 계획서 → 설계서 → 구현 → 검증 사이클을 돌렸습니다.

AI가 코드를 짜주니 빠르지만, 최종 판단은 사람이 해야 합니다. 특히 UX 결정, 비용 구조, 법적 요구사항 같은 건 AI가 놓치기 쉽습니다.

완벽보다 출시가 먼저

v0.1은 정말 부족했지만, 출시하고 나서야 진짜 필요한 개선점이 보였습니다. "좀 더 다듬고 나서"를 기다렸으면 아마 아직도 만들고 있었을 겁니다.

작은 것부터 수익화

무료로 배포하면 "언젠간 수익화하겠지"라고 미루게 됩니다. 초기부터 Free/Pro 구분을 두고 결제 시스템을 넣으니, 제품을 대하는 태도가 달라졌습니다.

앞으로의 계획

  • AdSense 승인 후 광고 수익 모니터링
  • 콘텐츠 추가 (블로그 글 10개 이상)
  • Chrome 확장 프로그램 Web Store 출시
  • 사용자 피드백 기반 UX 개선
  • X(트위터) 쓰레드 변환 기능 강화

Repasta는 "하나의 콘텐츠로 여러 채널을 공략하는" 크리에이터의 시간을 절약해주는 도구가 되는 게 목표입니다. 앞으로도 개발 과정을 이 블로그에서 공유하겠습니다.

궁금한 점이나 피드백은 repasta@karnel.dev로 보내주세요.

지금 바로 변환해 보세요

블로그 URL 하나면, AI가 15초 만에 인스타그램 캐러셀을 만들어 드려요.

무료로 시작하기