브라우저의 재발견

<hp:t>

HWPX 공문 일괄 생성 (템플릿 보존)

해결하는 문제

이름·날짜만 다른 공문 100장을 손으로 만든다.

원본 한글 파일을 통째로 품고 본문의 글자 자리(<hp:t>)만 갈아 끼워, 한글에서 그대로 열리는 공문을 브라우저에서 대량으로 만듭니다.

체험하기

서버 의존도

외부 라이브러리나 AI 모델을 CDN에서 받아 옵니다. 서버는 필요 없고, 오프라인용은 ./libs/에 넣어 둡니다.

브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요

데이터가 흐르는 길

무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.

들어오는 것원본 HWPX와 명단 CSV
브라우저가 하는 일ZIP을 풀어 section0.xml의 글자 자리만 바꾸고 다시 묶기
나오는 것사람별 HWPX 공문, ZIP 일괄 다운로드

쓰는 브라우저 기술

File APIDOMParserXMLSerializerBlob

라이브러리와 모델

JSZip

바꿀 수 있는 옵션

  • 바꿀 자리 표시 규칙
  • 표는 원본 행·열 범위 안에서만
  • 파일 이름 규칙

자주 막히는 곳

  • mimetype이 ZIP의 첫 파일·무압축이 아니면 한글이 파일을 거부한다
  • 원본 파일 순서를 바꾸면 열리다 깨진다
  • 글자를 첫 <hp:t>에만 넣지 않으면 두 번 찍힌다

이 능력으로 만들 수 있는 서비스

같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.

AI 서비스
  • AI가 작성한 보고서를 기관 서식 HWPX로
웹 서비스
  • 망분리 공문 생성기
피지컬 AI
  • 명찰·라벨 일괄 출력

넓히는 방법

  • DOCX·XLSX·PPTX도 같은 원리 (ZIP+XML)
  • AI가 쓴 본문을 서식 그대로 넣기

지원 브라우저

PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬된다
아이폰 사파리된다

코딩 에이전트에게 줄 프롬프트

복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.

템플릿 .hwpx와 명단 CSV를 올리면 줄마다 공문 1장을 만들어 ZIP으로 내려받는 브라우저 전용 HTML을 만들어줘. JSZip으로 풀고 section0.xml의 <hp:t>만 바꾸고, mimetype은 맨 앞에 무압축으로 넣어줘.

같은 분류의 능력

01 문서·파일 처리에 속한 다른 능력입니다.

무료로 보는 것

체험 페이지, 한 줄 설명, 미리보기 영상

스킬팩 구성

full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md