Typst 플레이그라운드 — 모던 조판 (LaTeX 대안)
Typst Playground
Typst 컴파일러(Rust→WASM)를 브라우저에서 그대로 실행하는 조판 플레이그라운드입니다. 마크업을 입력하면 SVG 미리보기가 실시간으로 갱신되고, PDF·SVG·PNG 로 내보낼 수 있습니다. 제목/수식/표부터 함수·반복·스타일 규칙·논문/CV 템플릿까지 기본·응용·심화 예제를 제공하며, 한글 문서(Pretendard 폰트)도 지원합니다. 문서는 서버로 전송되지 않습니다.
코딩 실습
준비 안 됨
Typst 마크업
미리보기 (SVG)대기
엔진을 불러오면 여기에 조판 결과가 실시간으로 표시됩니다.
예제 갤러리
카드를 클릭하면 왼쪽 편집기에 코드가 채워지고 즉시 컴파일됩니다.
기본제목·문단·강조, 리스트, 수식, 표 — 별도 폰트 없이 바로 렌더링됩니다.
응용함수/변수(#let), 반복(#for), 조건(#if), 표 스타일, 각주, 참조, 다단.
심화행렬·적분·정렬 수식, 커스텀 함수, #set/#show 규칙, 자동 번호, 서지, 템플릿, 한글 문서.
Typst vs LaTeX
- ⚡ 빠른 컴파일 — 증분 컴파일러로 보통 밀리초 단위. LaTeX 의 여러 번 패스가 필요 없습니다.
- ✍️ 쉬운 문법 —
= Title,*bold*,- list처럼 Markdown 에 가깝습니다. - 🧩 진짜 프로그래밍 —
#let,#for,#if로 스크립팅. TeX 매크로보다 직관적입니다. - 🎨 스타일 규칙 —
#set/#show로 문서 전체 스타일을 선언적으로 제어합니다. - 📦 단일 바이너리 — 거대한 TeX 배포판 설치가 필요 없습니다. 여기선 브라우저 WASM 으로 실행됩니다.
수식 문법 대조표
| LaTeX | Typst | 의미 |
|---|---|---|
| \frac{a}{b} | a / b 또는 frac(a, b) | 분수 |
| x^{2} | x^2 | 위첨자(중괄호 불필요) |
| x_{i} | x_i | 아래첨자 |
| \sqrt{x} | sqrt(x) | 제곱근 |
| \sum_{i=1}^{n} | sum_(i=1)^n | 합 |
| \int_0^\infty | integral_0^oo | 적분 |
| \alpha \beta | alpha beta | 그리스 문자 |
| \begin{matrix}...\end{matrix} | mat(1, 2; 3, 4) | 행렬 |
동작 방식: Typst 컴파일러(Rust)를 WebAssembly 로 컴파일한 @myriaddreamin/typst.ts@0.7.0 를 사용합니다. 컴파일러/렌더러 WASM(약 28MB)은 최초 1회 CDN(jsdelivr)에서 내려받아 브라우저에서 실행되며, 문서는 서버로 전송되지 않습니다.
한글 지원: 기본 CJK 폰트(NotoSerifCJKsc)는 중국어·일본어만 포함해 한글 음절이 없습니다. 그래서 한글이 감지되면 Pretendard(OTF)를 자동으로 불러와 #set text(font: "Pretendard") 로 렌더링합니다. 다른 한글 폰트를 쓰려면 폰트를 추가로 주입하면 됩니다. 자세한 문법은 Typst 공식 문서를 참고하세요.
이어서 해볼 도구
같은 흐름으로 이어지는 도구를 골라 두었습니다.
- 아두이노 · 라즈베리파이 배선 검증기전원을 넣기 전에 배선을 점검하세요. 보드를 고르고 부품을 추가해 핀을 배정하면 5V 신호가 3.3V GPIO로 들어가는 위험, LED 저항 누락, 핀 중복, I2C 주소 충돌, ADC 부재, 전류 초과를 자동으로 잡아냅니다. 자동 배선, 배선표, 시작 코드 생성까지 지원합니다.
- Graphviz — DOT로 다이어그램 그리기DOT 언어를 입력하면 브라우저에서 바로 다이어그램 SVG를 그려 줍니다. dot·neato·fdp·circo·twopi·osage·patchwork 레이아웃 엔진, 상태 머신·조직도·쿠버네티스·마이크로서비스 등 샘플 갤러리, SVG/PNG 내보내기와 클립보드 복사를 지원합니다. 백엔드 없이 WASM으로 동작하고 한글 라벨도 지원합니다.
- Git 명령어 찾기"이렇게 하고 싶은데…"로 검색하면 딱 맞는 Git 명령어를 찾아주는 상황 기반 치트시트. 위험도 표시와 원클릭 복사를 제공합니다.
- Diátaxis 문서 계획기지금 쓰려는 문서가 튜토리얼인지 하우투인지 레퍼런스인지 설명인지 판정하고, 그 유형에 남겨야 할 것과 다른 문서로 빼야 할 것을 목록으로 보여줍니다. 목차를 붙여넣으면 어느 섹션이 새고 있는지도 짚어줍니다.