sejong-office
임시 세션 기반 문서·도면·스캔 웹앱입니다.
- 오피스 / PDF → Euro-Office Document Server
- HWP / HWPX → rhwp (
@rhwp/editor) - 다이어그램 → Excalidraw · Mermaid · draw.io (브라우저)
- CAD → MLightCAD (DXF/DWG, LibreDWG)
- 3D → Online 3D Viewer (glTF, OBJ, STEP, IFC, STL, 3DM 등)
- 문서 스캐너 → jscanify + OpenCV.js · ppu-paddle-ocr (PP-OCRv5 한국어) · PDF.js
서버에 문서를 영구 저장하지 않습니다. 오피스·PDF는 세션 동안만 tmpfs에 두고, 브라우저 종료·TTL로 삭제합니다. HWP/HWPX·CAD·3D·스캐너는 기본적으로 브라우저 메모리에서만 다룹니다. 결과는 다운로드로만 가져가세요.
스택
- Vue 3 + Vite + TypeScript (프론트)
- Express + TypeScript (API·정적 서빙)
- Docker Compose (앱 + Document Server)
- 뷰어·OCR·PDF.js worker 등은
/viewer-assets/에 자체 호스팅 (CDN 런타임 fetch 없음)
빠른 시작 (Docker)
cp .env.example .env
# JWT_SECRET 을 긴 임의 문자열로 바꾸세요
# 로컬에서 이미지 빌드 (레지스트리 없이 테스트할 때)
docker build -t docker.sejong.dev/sejong-office:latest .
docker compose up -d
프로덕션(레지스트리 pull):
# 이미지: docker.sejong.dev/sejong-office:latest (호스트 고정)
docker compose pull
docker compose up -d
- 앱: http://localhost:3000
- Document Server: http://localhost:8080
첫 Document Server 기동은 수 분 걸릴 수 있습니다. 프론트 빌드 시 Paddle OCR 모델·ORT WASM을 내려받으므로 네트워크와 디스크 여유가 필요합니다.
docker-compose 예시
docker-compose.yml — backend는 docker.sejong.dev/sejong-office:latest를 pull합니다. (아래는 값 고정 예시)
services:
backend:
# 고정: 레지스트리 호스트 docker.sejong.dev, 이미지 sejong-office:latest
image: docker.sejong.dev/sejong-office:latest
ports:
# 변경: 호스트 포트 (왼쪽). 컨테이너는 3000 고정
- '3000:3000'
environment:
# 변경(필수): backend ↔ Document Server 공유 JWT. 긴 임의 문자열
JWT_SECRET: change-me-to-a-long-random-secret
# 변경: 브라우저가 접근하는 앱 공개 URL
PUBLIC_URL: https://office.example.com
# 보통 유지: compose 네트워크 안에서 backend 컨테이너 주소
INTERNAL_URL: http://backend:3000
# 변경: 브라우저가 접근하는 Document Server 공개 URL
ONLYOFFICE_URL: https://office.example.com/ds
# 보통 유지: compose 네트워크 안 Document Server 주소
ONLYOFFICE_INTERNAL_URL: http://documentserver
# 변경 가능: 세션 TTL(ms). 기본 15분
SESSION_TTL_MS: '900000'
# 유지: 컨테이너 내 임시 문서 경로 (아래 tmpfs와 맞출 것)
TEMP_DIR: /tmp/sejong
# 유지: 컨테이너 리스닝 포트
PORT: 3000
# 변경 가능: 업로드 최대 크기(MB)
MAX_UPLOAD_MB: '50'
tmpfs:
# 변경 가능: 임시 저장 용량. TEMP_DIR 과 경로 일치
- /tmp/sejong:size=512m,mode=1777
depends_on:
- documentserver
restart: unless-stopped
documentserver:
# 유지 권장: 버전 태그 pin
image: ghcr.io/euro-office/documentserver:v9.3.2
ports:
# 변경: 호스트 포트 (왼쪽). 프록시만 쓸 거면 공개 안 해도 됨
- '8080:80'
environment:
JWT_ENABLED: 'true'
# 변경(필수): backend 의 JWT_SECRET 과 반드시 동일
JWT_SECRET: change-me-to-a-long-random-secret
JWT_HEADER: Authorization
JWT_IN_BODY: 'true'
volumes:
- documentserver_data:/var/www/onlyoffice/Data
restart: unless-stopped
volumes:
documentserver_data:
CI (Gitea Actions)
.gitea/workflows/ci.yml 이 main PR/push에서 npm run build를 돌리고, main push에서만 Docker 이미지를 레지스트리에 push합니다.
푸시 태그: docker.sejong.dev/sejong-office:latest, docker.sejong.dev/sejong-office:sha-<commit>
레포 Actions Secrets
| Secret | 설명 |
|---|---|
REGISTRY_USERNAME |
push 전용 계정 |
REGISTRY_PASSWORD |
push 전용 토큰 (write) |
레지스트리 호스트는 docker.sejong.dev로 고정입니다. PR job은 이 시크릿을 쓰지 않습니다. 러너에 상시 docker login 하지 마세요.
서버 배포 체크리스트
- pull 전용 토큰으로 서버에서
docker login docker.sejong.dev(CI push 토큰과 분리) .env에JWT_SECRET, URL 설정- 이미지 갱신 후:
docker compose pull && docker compose up -d JWT_SECRET은 Git·이미지·Actions Secret에 넣지 않음 (서버.env만)
로컬 개발
npm install
cp .env.example .env
# 터미널 1 — API (포트 3000)
npm run dev:backend
# 터미널 2 — Vite (포트 5173, /api 프록시)
# predev 가 viewer-assets(CAD·3D·스캐너·OCR 모델)를 복사합니다
npm run dev:frontend
Euro-Office Document Server는 Docker로만 띄워도 됩니다.
docker compose up documentserver
문서 스캐너 (/tools/scanner)
브라우저에서만 동작합니다.
- 입력: PNG/JPEG/WebP 등 이미지, 카메라, 다페이지 PDF(PDF.js로 페이지 래스터화)
- 보정: 문서 코너 검출·드래그 수정·원근 보정 (jscanify / OpenCV.js)
- OCR: PP-OCRv5 Korean (한글·영문), ONNX Runtime Web (WebGPU 우선)
- 목록: 하단 드롭으로 추가, 드래그로 순서 변경
- 저장: 목록 순서대로 검색 가능 PDF(투명 텍스트 레이어), 또는 PNG로 저장
소스 저장소 링크
프론트 packages/frontend/src/config/app.ts 의 APP_GIT_URL 에 Git URL을 넣으면 푸터에 소스 코드 링크가 표시됩니다.
라이선스 고지
앱 내 /licenses 에서 상세 고지를 볼 수 있습니다.
- 본 앱: GPL-3.0-only (LibreDWG / MLightCAD DWG 경로 포함)
- Euro-Office Document Server: AGPL-3.0 (배포 시 의무 확인)
- rhwp: MIT — Hancom 상표와 무관한 독립 프로젝트
- Online 3D Viewer · ppu-paddle-ocr · pdf-lib 등: 각 패키지 라이선스(MIT/Apache-2.0 등)
- PDF.js: Apache-2.0 · PaddleOCR 모델: Apache-2.0
포맷 안내
| 확장자 | 엔진 | 비고 |
|---|---|---|
| hwp, hwpx | rhwp | 원본 확장자로 export |
| pdf, docx, xlsx, pptx 등 | Euro-Office | 세션 tmpfs · forcesave / ConvertService |
| dxf, dwg | MLightCAD | 클라이언트 뷰어 · 한글 폴백 글꼴(Noto Sans KR) |
| glTF, OBJ, STEP, IFC, STL, 3DM 등 | Online 3D Viewer | /viewer-assets/o3dv/ 자체 호스팅 |
| png, jpg, webp, … / pdf(스캐너) | 문서 스캐너 | OCR PDF·PNG 다운로드 |
홈에서 PDF를 열면 Document Server 편집으로 가고, 스캐너에서 PDF를 열면 페이지 이미지로 변환 후 OCR·재저장합니다.
rhwp는 v0.7.x 기준이며, 복잡한 공공문서에서 한컴과 조판이 다를 수 있습니다.