<blockquote style="margin:32px 0;padding:24px 28px;background:#FFF7ED;border-left:4px solid #E8590C;border-radius:0 10px 10px 0;font-size:18px;line-height:1.8;color:#1a1a1a;">"매달 똑같은 보고서, 똑같은 계약서를 손으로 다시 만들고 계신가요? 폰트 깨지고, 표 어긋나고, '최종_진짜최종_v3.pdf'를 또 만들고 있진 않나요?"<br/><span style="font-size:14px;color:#888;">— 문서 노가다에 지친 모든 1인 사업자와 프리랜서에게</span></blockquote>
<p style="font-size:16px;line-height:1.9;color:#222;">한 줄의 데이터만 바꾸면 완성된 PDF가 1초 만에 튀어나온다면 어떨까요? 디자인이 무너질 걱정 없이, 100개의 계약서를 단 1번의 실행으로 만들어낸다면요? 오늘은 <span style="background:linear-gradient(transparent 60%,rgba(232,89,12,0.15) 60%);padding:0 3px;">Rust로 만들어진 차세대 조판 엔진 'Typst'</span>로 '문서 자동 생성기'를 만들어 실제 수익을 내는 5단계 실전 가이드를 소개합니다.</p>
<h2 style="font-size:24px;font-weight:800;color:#1a1a1a;margin:40px 0 16px;">왜 LaTeX가 아니라 Typst인가?</h2>
<p style="font-size:16px;line-height:1.9;color:#222;">학술 문서의 표준이었던 LaTeX는 강력하지만, 설치 용량 수 GB에 컴파일은 수십 초, 에러 메시지는 외계어 수준이죠. Typst는 이 모든 고통을 걷어냈습니다. <span style="background:linear-gradient(transparent 60%,rgba(232,89,12,0.15) 60%);padding:0 3px;">컴파일 속도는 LaTeX 대비 수십 배 빠르고</span>, 문법은 마크다운처럼 직관적이며, 데이터를 코드로 다루는 '프로그래밍 가능한 문서'가 핵심입니다.</p>
<div style="margin:32px 0;border-radius:14px;overflow:hidden;border:1px solid #e8e4dc;background:#fff;">
<svg style="display:block;width:100%;height:auto;font-family:'Malgun Gothic','맑은 고딕',-apple-system,BlinkMacSystemFont,sans-serif" viewBox="0 0 680 360" xmlns="http://www.w3.org/2000/svg">
<text x="340" y="40" text-anchor="middle" font-size="20" font-weight="800" fill="#1a1a1a">LaTeX vs Typst 비교</text>
<rect x="40" y="70" width="280" height="50" rx="8" fill="#FEE2E2" stroke="#FCA5A5"/>
<text x="180" y="101" text-anchor="middle" font-size="16" font-weight="700" fill="#991B1B">LaTeX (전통 방식)</text>
<rect x="360" y="70" width="280" height="50" rx="8" fill="#DCFCE7" stroke="#86EFAC"/>
<text x="500" y="101" text-anchor="middle" font-size="16" font-weight="700" fill="#15803D">Typst (신세대)</text>
<rect x="40" y="135" width="280" height="45" rx="8" fill="#FEF2F2" stroke="#FECACA"/>
<text x="180" y="163" text-anchor="middle" font-size="14" fill="#7F1D1D">설치 용량 수 GB · 무거움</text>
<rect x="360" y="135" width="280" height="45" rx="8" fill="#F0FDF4" stroke="#BBF7D0"/>
<text x="500" y="163" text-anchor="middle" font-size="14" fill="#166534">설치 가벼움 · 웹에서도 실행</text>
<rect x="40" y="195" width="280" height="45" rx="8" fill="#FEF2F2" stroke="#FECACA"/>
<text x="180" y="223" text-anchor="middle" font-size="14" fill="#7F1D1D">컴파일 수십 초 대기</text>
<rect x="360" y="195" width="280" height="45" rx="8" fill="#F0FDF4" stroke="#BBF7D0"/>
<text x="500" y="223" text-anchor="middle" font-size="14" fill="#166534">실시간 미리보기 (밀리초)</text>
<rect x="40" y="255" width="280" height="45" rx="8" fill="#FEF2F2" stroke="#FECACA"/>
<text x="180" y="283" text-anchor="middle" font-size="14" fill="#7F1D1D">난해한 에러 메시지</text>
<rect x="360" y="255" width="280" height="45" rx="8" fill="#F0FDF4" stroke="#BBF7D0"/>
<text x="500" y="283" text-anchor="middle" font-size="14" fill="#166534">친절한 에러 · 마크다운 문법</text>
<rect x="40" y="315" width="600" height="30" rx="6" fill="#FFF7ED" stroke="#FED7AA"/>
<text x="340" y="335" text-anchor="middle" font-size="13" font-weight="600" fill="#9A3412">결론: 자동화 부업에는 가볍고 빠른 Typst가 압도적으로 유리</text>
</svg>
<div style="padding:10px 20px;font-size:13px;color:#888;text-align:center;border-top:1px solid #e8e4dc;background:#f8f6f0;">두 조판 엔진의 실무 비교</div>
</div>
<div style="margin:24px 0;padding:20px 24px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:12px;">
<strong style="color:#15803D;">✓ 핵심 포인트</strong><br/>Typst는 '디자인'과 '데이터'를 분리합니다. 템플릿(.typ)을 한 번 만들어두면, 데이터(JSON/CSV)만 갈아끼워 무한히 문서를 찍어낼 수 있습니다. 이게 바로 수익화의 핵심 구조입니다.
</div>
<h2 style="font-size:24px;font-weight:800;color:#1a1a1a;margin:40px 0 16px;">월 100만원 자동화 사업, 5단계 로드맵</h2>
<div style="margin:32px 0;border-radius:14px;overflow:hidden;border:1px solid #e8e4dc;background:#fff;">
<svg style="display:block;width:100%;height:auto;font-family:'Malgun Gothic','맑은 고딕',-apple-system,BlinkMacSystemFont,sans-serif" viewBox="0 0 680 520" xmlns="http://www.w3.org/2000/svg">
<text x="340" y="40" text-anchor="middle" font-size="20" font-weight="800" fill="#1a1a1a">문서 자동 생성기 구축 5단계</text>
<rect x="190" y="70" width="300" height="60" rx="12" fill="#FFF7ED" stroke="#E8590C" stroke-width="2"/>
<text x="340" y="98" text-anchor="middle" font-size="16" font-weight="700" fill="#9A3412">STEP 1. Typst 설치 & 첫 문서</text>
<text x="340" y="118" text-anchor="middle" font-size="13" fill="#A8651F">맥/윈도우 1분 설치, Hello PDF</text>
<line x1="340" y1="130" x2="340" y2="160" stroke="#E8590C" stroke-width="2"/>
<polygon points="340,160 334,150 346,150" fill="#E8590C"/>
<rect x="190" y="162" width="300" height="60" rx="12" fill="#FFF7ED" stroke="#E8590C" stroke-width="2"/>
<text x="340" y="190" text-anchor="middle" font-size="16" font-weight="700" fill="#9A3412">STEP 2. 재사용 템플릿 제작</text>
<text x="340" y="210" text-anchor="middle" font-size="13" fill="#A8651F">계약서/견적서 디자인 함수화</text>
<line x1="340" y1="222" x2="340" y2="252" stroke="#E8590C" stroke-width="2"/>
<polygon points="340,252 334,242 346,242" fill="#E8590C"/>
<rect x="190" y="254" width="300" height="60" rx="12" fill="#FFF7ED" stroke="#E8590C" stroke-width="2"/>
<text x="340" y="282" text-anchor="middle" font-size="16" font-weight="700" fill="#9A3412">STEP 3. 데이터 연결 (JSON)</text>
<text x="340" y="302" text-anchor="middle" font-size="13" fill="#A8651F">고객 정보 자동 주입</text>
<line x1="340" y1="314" x2="340" y2="344" stroke="#E8590C" stroke-width="2"/>
<polygon points="340,344 334,334 346,334" fill="#E8590C"/>
<rect x="190" y="346" width="300" height="60" rx="12" fill="#FFF7ED" stroke="#E8590C" stroke-width="2"/>
<text x="340" y="374" text-anchor="middle" font-size="16" font-weight="700" fill="#9A3412">STEP 4. 대량 생성 자동화</text>
<text x="340" y="394" text-anchor="middle" font-size="13" fill="#A8651F">스크립트로 100건 일괄 PDF</text>
<line x1="340" y1="406" x2="340" y2="436" stroke="#E8590C" stroke-width="2"/>
<polygon points="340,436 334,426 346,426" fill="#E8590C"/>
<rect x="190" y="438" width="300" height="60" rx="12" fill="#DCFCE7" stroke="#15803D" stroke-width="2"/>
<text x="340" y="466" text-anchor="middle" font-size="16" font-weight="700" fill="#15803D">STEP 5. 상품화 & 판매</text>
<text x="340" y="486" text-anchor="middle" font-size="13" fill="#166534">크몽·숨고 등록 → 수익 발생</text>
</svg>
<div style="padding:10px 20px;font-size:13px;color:#888;text-align:center;border-top:1px solid #e8e4dc;background:#f8f6f0;">설치부터 수익화까지 전체 흐름</div>
</div>
<h3 style="font-size:20px;font-weight:700;color:#1a1a1a;margin:32px 0 12px;">STEP 1. 1분 설치, 바로 PDF 뽑기</h3>
<p style="font-size:16px;line-height:1.9;color:#222;">맥은 <code style="background:#f3f4f6;padding:2px 6px;border-radius:4px;">brew install typst</code>, 윈도우는 <code style="background:#f3f4f6;padding:2px 6px;border-radius:4px;">winget install typst</code> 한 줄이면 끝. 설치가 부담스럽다면 typst.app에서 회원가입만 해도 웹 에디터로 바로 시작할 수 있습니다. <code style="background:#f3f4f6;padding:2px 6px;border-radius:4px;">typst compile report.typ</code>를 치는 순간 PDF가 생성됩니다.</p>
<h3 style="font-size:20px;font-weight:700;color:#1a1a1a;margin:32px 0 12px;">STEP 2. '디자인은 단 한 번만' 템플릿 함수</h3>
<p style="font-size:16px;line-height:1.9;color:#222;">계약서의 머리글, 도장 위치, 표 스타일을 함수로 한 번 정의해두세요. 이후엔 내용만 넣으면 디자인이 자동 적용됩니다.</p>
<pre style="background:#1e293b;color:#e2e8f0;padding:20px;border-radius:12px;overflow-x:auto;font-size:13px;line-height:1.7;">#let contract(client, amount, date) = [
= 용역 계약서
수신: #client <br>
계약금액: #amount 원<br>
작성일: #date
#line(length: 100%)
]</pre>
<h3 style="font-size:20px;font-weight:700;color:#1a1a1a;margin:32px 0 12px;">STEP 3 & 4. 데이터를 꽂고, 100건을 한 번에</h3>
<p style="font-size:16px;line-height:1.9;color:#222;">Typst는 <code style="background:#f3f4f6;padding:2px 6px;border-radius:4px;">json("clients.json")</code>으로 외부 데이터를 직접 읽습니다. 여기에 간단한 파이썬·셸 스크립트로 반복문을 돌리면, <span style="background:linear-gradient(transparent 60%,rgba(232,89,12,0.15) 60%);padding:0 3px;">고객 100명의 맞춤 계약서가 단 몇 초 만에 100개의 PDF로</span> 쏟아집니다. 이것이 '바이브코딩'식 자동화의 진수입니다.</p>
<div style="display:flex;gap:16px;margin:24px 0;">
<div style="flex:1;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;text-align:center;">
<div style="font-size:28px;font-weight:800;color:#E8590C;">3초</div>
<div style="font-size:13px;color:#666;margin-top:4px;">PDF 100건 생성 시간</div>
</div>
<div style="flex:1;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;text-align:center;">
<div style="font-size:28px;font-weight:800;color:#E8590C;">90%↓</div>
<div style="font-size:13px;color:#666;margin-top:4px;">문서 작업 시간 절감</div>
</div>
<div style="flex:1;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;text-align:center;">
<div style="font-size:28px;font-weight:800;color:#E8590C;">0건</div>
<div style="font-size:13px;color:#666;margin-top:4px;">디자인 깨짐 사고</div>
</div>
</div>
<h3 style="font-size:20px;font-weight:700;color:#1a1a1a;margin:32px 0 12px;">STEP 5. 어떻게 '돈'이 되는가?</h3>
<p style="font-size:16px;line-height:1.9;color:#222;">완성된 생성기는 그 자체로 상품입니다. 실제 수익 모델은 명확합니다.</p>
<div style="margin:24px 0;padding:20px 24px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:12px;">
<strong style="color:#15803D;">✓ 실전 수익 모델 3가지</strong><br/>
① <b>맞춤 템플릿 제작</b>: 소상공인 견적서·세금계산서 양식 제작 (건당 5만~20만원)<br/>
② <b>구독형 자동화 툴</b>: 부동산·학원 등 정기 문서 발행 대행 (월 10만~30만원)<br/>
③ <b>전자책·강의</b>: 'Typst 자동화' 노하우 자체를 판매
</p>
</div>
<p style="font-size:16px;line-height:1.9;color:#222;">템플릿 1건 7만원 × 월 5건 + 구독 고객 3곳 × 월 20만원이면 이미 월 95만원. <span style="background:linear-gradient(transparent 60%,rgba(232,89,12,0.15) 60%);padding:0 3px;">한 번 만든 시스템이 잠자는 동안에도 일하는</span> 구조가 완성됩니다.</p>
<div style="margin:40px 0 24px;padding:24px 28px;background:#FFF7ED;border:1px solid #FED7AA;border-radius:14px;">
<p style="font-size:16px;line-height:1.9;color:#222;margin:0;">여기까지 읽고 "코드가 좀 막막한데?" 싶다면 정상입니다. 템플릿 함수 설계와 데이터 연결, 그리고 이걸 <b>실제 판매 가능한 상품</b>으로 다듬는 과정은 혼자 헤매면 한 달도 걸립니다. <b>투더제이(TTJ) 코딩클래스 정규반</b>에서는 Typst를 포함한 문서 자동화 부업 프로젝트를 처음부터 끝까지 함께 완성하며, 바이브코딩으로 '돈 버는 자동화 도구'를 만드는 법을 다룹니다. 막연한 이론이 아닌, 내 손으로 수익 구조를 만드는 경험이 필요하다면 한 번 들여다보세요.</p>
</div>
<p style="font-size:16px;line-height:1.9;color:#222;">LaTeX의 복잡함에 좌절했던 분도, 코딩을 막 시작한 분도 Typst라면 오늘 당장 첫 PDF를 뽑을 수 있습니다. 문서 노가다를 '자동화 자산'으로 바꾸는 첫걸음, 지금 시작해보세요.</p>