English메일 보내기

웹툰 스토리보드 번역기

Jake Tae-moon Jo · 개발 리드 · https://jake-jo-portfolio.vercel.app/ko/work/webtoon-translation/

원고 JPG를 올리면 말풍선 글자를 OCR로 찾아 번역하고, 번역문을 겹쳐 쓴 PDF와 원문·번역문 대응표를 언어별로 내려받는 작업 큐 앱을 만들었습니다.

대상 언어 (원본은 한국어·일본어)
5종
샘플 1건에서 인식한 말풍선 블록
63블록
작업 상태 (대기→완료)
5단계
메일 보내기경력 요약 PDF 다운로드

문제와 배경

번역 운영팀은 의뢰처가 JPG 묶음으로 보낸 원고를 사람이 PDF로 합치고, GPT와 구글 번역으로 말풍선 글자를 번역해 PDF 위에 겹쳐 쓰고 있었습니다. 이 과정에서 사람의 판단이 꼭 필요한 단계는 말풍선 안 글자 영역을 찾는 일뿐이어서, 그 단계를 비전 모델에 맡길 수 있다고 봤습니다.

위험도 계획서에 적혀 있었습니다. OCR이 찾은 글자 위치가 틀릴 수 있다는 점입니다. 그래서 OCR이 틀렸을 때 사람이 무엇으로 확인하고 고칠지가 설계의 핵심이었습니다.

번역 작업 하나가 지나가는 길

사람은 원고를 올리고 결과를 내려받기만 하고, OCR이 틀릴 때를 대비해 겹쳐 쓴 PDF에 원문·번역문 대응표를 함께 준다.

  1. 작업 생성사람

    원고 JPG 여러 장, 대상 언어 5종 중 여럿, OCR 제공자 선택

  2. 대기열시스템

    앱 안 워커가 행 잠금(SKIP LOCKED)으로 작업을 집는다

  3. PDF 만들기시스템

    JPG 묶음을 PDF 하나로

  4. OCR·번역외부

    페이지를 조각 내 비전 모델에 병렬로 보낸다. 5xx는 재시도하고, 말풍선 위치에 8% 여백을 둔다

  5. 합성시스템

    말풍선 위치에 번역문을 겹쳐 쓴 PDF와 블록·원문·번역문 대응표 XLSX. 다시 돌리면 덮어쓴다

  6. 내려받기사람

    언어별 PDF·XLSX. 진행은 2초마다 확인한다

만든 것

  • 작업 큐 앱을 만들었습니다. 로그인(JWT) 뒤 JPG 여러 장과 대상 언어 5종 중 여러 개, OCR 제공자를 골라 작업을 만들고, 2초마다 진행을 확인해 언어별 PDF와 XLSX를 내려받습니다.
  • 작업 상태를 대기, PDF 만들기, OCR·번역, 합성, 완료 5단계로 나눴습니다. 앱 안의 워커가 DB 행 잠금(SKIP LOCKED)으로 작업을 집어 가므로 별도 큐 서버가 없습니다.
  • OCR·번역 어댑터를 제공자 교체형으로 만들었습니다. GPT-4o 비전과 Gemini를 고를 수 있고, 한 페이지를 조각 내 병렬로 호출하며, 5xx는 재시도합니다. 글자 위치는 box_2d 좌표에 8% 여백을 더해 잡습니다.
  • OCR이 틀릴 때를 대비해 수정 화면 대신 대응표를 안전망으로 골랐습니다. 합성 단계는 말풍선 위치에 번역문을 겹쳐 쓴 PDF와 블록 ID·원문·번역문 대응표 XLSX를 함께 내고, 다시 돌리면 덮어씁니다. 위치를 손으로 고치는 화면은 v1 범위 밖에 두고 위험표에 「OCR 위치 정확도 → XLSX를 안전망으로, 수정 화면은 v2」라고 적었습니다.
프로젝트 개요
기간
2026.04
역할
사람은 본인 1명 · AI 에이전트 팀 설계·운영
팀
본인 1명 (커밋 18개 전부 본인 저자, 전부 AI 공저)
플랫폼
웹 앱 (작업 큐 · 내부 도구)
스택
Next.js 14 · TypeScript · Prisma · PostgreSQL · JWT (jose) · OpenAI · Gemini · pdf-lib · exceljs · Vitest · Playwright
배경
웹툰 스토리보드 번역 운영 업무를 돕는 고객사의 내부 도구

결과

로컬에서 샘플 한 건이 업로드부터 PDF·XLSX 산출까지 이어졌고, 운영에 투입했다는 기록은 없습니다.

  • 로컬에서 스토리보드 샘플 한 건이 업로드부터 PDF·XLSX 산출까지 이어졌습니다. 작업일지에 적힌 스모크 실행은 13조각, 63블록, 40~90초였고, 개발자 로컬의 한 건입니다.
  • 2026-04-22에 착수해 이튿날 작업 생성·업로드, PDF 단계, OCR, 합성까지 커밋했습니다. 커밋 18개 전부에 AI 공저 표기가 있습니다.
나머지 결과 1건
  • 운영에 투입했다는 기록은 없습니다.

개발자 로컬에서 샘플 한 건으로 확인한 범위만 적었습니다. 운영 투입 기록과 테스트 통과 수치는 적지 않았습니다.

착수에서 업로드·합성 연결까지

첫 커밋 이틀째에 업로드부터 합성까지 커밋이 이어졌고, 운영 투입 기록은 없다.

1–3
  1. 번역기 착수

    계획서·명세·인증

  2. 업로드 → 합성 연결

    작업 생성·업로드, PDF 단계, OCR(Gemini), 합성 커밋. 로컬 샘플 1건: 13조각·63블록·40~90초

  3. 작업일지 마지막 항목

    E2E·배포·관측 단계는 일지에만 있고, 커밋은 합성 단계까지다