IT 실무자가 만든 "진짜" 무료 도구: 워터마크/회원가입 없는 인보이스, 이력서, 자기소개서!

얼마 전 친구가 무료 인보이스 생성기를 추천해달라는 부탁을 했습니다. 구글 검색 상위 10개 결과를 열어봤는데, 아니나 다를까 전부 똑같더군요. 회원가입을 강요하거나, 이메일 주소를 수집하거나, 심지어 월 12달러를 내지 않으면 PDF에 큼지막한 워터마크를 박아버렸죠. 폼 필드에서 PDF를 생성하는 건 이미 오래전에 해결된 문제인데, 어쩌다 이게 SaaS 카테고리까지 점령하게 됐는지, 솔직히 좀 어이가 없었습니다.

결국 직접 만들기로 결심했고, 단 하루 만에 세 가지 도구를 뚝딱 완성했습니다. 바로 인보이스 생성기, 이력서 빌더, 그리고 자기소개서 생성기입니다. 회원가입? 없습니다. 워터마크? 당연히 없습니다. 여러분의 어떤 데이터도 브라우저 밖으로 나가지 않습니다. 필드를 채워 넣고, 실시간 미리보기를 확인한 다음, 깔끔한 PDF를 다운로드하면 끝입니다.

세 가지 도구는 인보이스 생성기, 이력서 빌더, 자기소개서 생성기입니다. 이 모든 도구는 전적으로 여러분의 브라우저에서 실행됩니다. 어떠한 데이터도 장치를 벗어나지 않으며, 계정도 필요 없고, 워터마크도 없습니다.

미리보기와 템플릿이 적용된 인보이스 생성기 이미지

왜 기존 도구 대신 직접 만들었을까요?

지난달, 프리랜서 친구를 위해 무료 인보이스 생성기를 찾아주려 했을 때의 경험은 정말 최악이었습니다. 제가 살펴본 모든 도구가 회원가입을 요구하거나, 단 하나의 템플릿만 허용하거나, PDF에 자기네 브랜드를 새겨 넣거나, 아니면 대놓고 유료 SaaS 제품으로 유도하는 깔때기 역할만 했으니까요. 이력서 빌더도 마찬가지였습니다. 무료 버전은 그저 기본 템플릿 하나뿐이고, 조금이라도 전문적인 디자인을 원하면 바로 결제 화면과 마주해야 했죠.

하지만 핵심은 이겁니다. 폼 데이터로 PDF를 만드는 건 결코 어려운 문제가 아닙니다. 브라우저만으로도 필요한 모든 기능을 충분히 구현할 수 있죠. 실제로 pdf-lib는 자바스크립트만으로 PDF를 완벽하게 생성할 수 있는 뛰어난 오픈소스 라이브러리입니다. 제가 실무에서 이 부분을 테스트해 봤을 때, 브라우저가 가진 능력만으로도 충분히 고품질의 PDF를 만들 수 있다는 확신이 있었거든요. 여러분의 인보이스 데이터가 굳이 다른 사람의 서버를 거쳐야 할 이유가 전혀 없습니다.

그래서 저는 이미 Kitmul에서 가장 복잡한 도구였던 PPT 프레젠테이션 메이커에서 영감을 받아, 공통 PDF 렌더링 레이어와 템플릿 시스템을 활용해 이 도구들을 만들었습니다. 아키텍처는 아주 간단합니다. 폼 데이터를 위한 React 상태 관리, 모든 키 입력에 따라 실시간으로 업데이트되는 HTML/CSS 라이브 미리보기, 그리고 다운로드 버튼을 클릭하면 pdf-lib로 생성되는 PDF, 이 세 가지가 전부입니다.

인보이스 생성기: 6가지 템플릿과 정교한 계산 기능

클래식 템플릿과 미리보기가 적용된 이력서 빌더 이미지

세 가지 도구 중 인보이스 생성기가 기술적으로 가장 흥미로운 작업이었습니다. 클린(Clean), 모던(Modern), 클래식(Classic), 볼드(Bold), 미니멀(Minimal), 코퍼레이트(Corporate) 등 총 여섯 가지 템플릿을 제공하며, 각 템플릿은 고유한 헤더 레이아웃과 색상 스키마를 가집니다. 회사 로고를 업로드하면, 도구는 클라이언트 측에서 캔버스 요소를 이용해 크기를 조정한 뒤 embedPng() 메서드를 사용해 PDF에 삽입합니다.

자동 계산 기능은 소계, 백분율 또는 고정 금액 할인, 세금 등을 모두 처리합니다. 이 모든 변경 사항은 미리보기에서 실시간으로 업데이트되죠. 통화 선택기는 12가지 통화를 지원하며, Intl.NumberFormat을 통해 로케일 인식 형식으로 표시됩니다. 덕분에 $1,234.56 같은 금액도 USD, EUR, JPY 중 어떤 통화를 선택하든 올바르게 출력됩니다.

가장 어려웠던 부분은 테이블 렌더링이었습니다. pdf-lib는 테이블 개념이 따로 없기 때문에, 직접 픽셀 좌표를 계산해서 사각형과 텍스트를 배치해야 했습니다. 저는 텍스트 줄 바꿈에 따라 행 높이를 계산하고, 번갈아 나타나는 행 배경을 처리하며, 테이블이 페이지를 넘어갈 경우 자동으로 새 페이지로 분할해주는 공유 drawTable 헬퍼 함수를 작성했습니다. 이 헬퍼는 이제 세 가지 도구 모두에서 재사용될 수 있습니다.

한 가지 놀라웠던 점은 헤더 레이아웃 계산이었습니다. 배경색이 있는 템플릿의 경우, 배경 사각형을 그리기 전에 헤더 콘텐츠(로고 높이 + 회사 정보 줄 + 인보이스 세부 정보)의 정확한 높이를 알아야 했습니다. 결국 필드가 채워진 정도에 따라 동적으로 높이를 계산하는 방식으로 해결했는데, 덕분에 필드가 비어 있으면 헤더가 줄어들고 로고를 추가하면 늘어나는 유연성을 확보했습니다.

이력서 빌더: ATS 친화적인 5가지 템플릿

전통 템플릿과 작성된 자기소개서가 보이는 자기소개서 생성기 이미지

약 900라인으로 이루어진 이력서 빌더는 세 도구 중 가장 복잡했습니다. 클래식(단일 컬럼, ATS 호환성 최대), 모던(연락처 및 스킬용 컬러 사이드바), 프로페셔널(두 컬럼 헤더), 미니멀(여백이 많음), 이그제큐티브(굵은 강조 밑줄) 등 총 다섯 가지 템플릿을 제공합니다.

pdf-lib의 StandardFonts(Helvetica, Helvetica-Bold)만을 사용하기로 의도적으로 결정했습니다. 커스텀 폰트가 보기엔 더 좋지만, 지원자 추적 시스템(ATS)과의 호환성을 깨뜨릴 수 있기 때문이죠. ATS 파서는 표준 폰트와 간단한 텍스트 배치를 기대합니다. 예전에 제가 직접 만든 이력서가 화려한 커스텀 폰트 때문에 ATS에서 제대로 파싱되지 않아 애먹었던 경험이 있거든요. 그래서 이 도구는 모든 템플릿이 이미지가 아닌 실제 선택 가능한 텍스트를 위에서 아래로 그려냅니다. 심지어 사이드바가 있는 모던 템플릿조차도 읽기 순서에 맞춰 메인 콘텐츠를 먼저 그리므로, ATS가 여러분의 연락처 정보보다 경력을 먼저 읽게 됩니다.

섹션은 자유롭게 순서를 변경할 수 있습니다. 경력 섹션을 학력 섹션 위로 드래그하거나, 자격증, 어학, 프로젝트 섹션 등을 추가할 수 있죠. 각 경력 항목은 여러 개의 불릿 포인트를 지원하며, 추가/삭제 컨트롤도 제공됩니다. 이력서 길이가 한 페이지를 초과할 경우, 섹션 헤더가 내용과 분리되지 않도록 적절한 페이지 나누기를 적용하여 다중 페이지 PDF를 완벽하게 생성합니다.

자기소개서 생성기: 단순하지만 제대로 만든 도구

전통 템플릿과 작성된 자기소개서가 보이는 자기소개서 생성기 이미지

자기소개서 생성기는 세 가지 도구 중 가장 간단합니다. 하지만 바로 그 점이 핵심이죠. 자기소개서는 잘 형식화된 비즈니스 레터인데, 형식을 잘못 맞추면 자칫 부주의해 보일 수 있습니다. 이 도구는 전통(Traditional), 모던(Modern), 프로페셔널(Professional), 심플(Simple) 네 가지 템플릿을 제공하며, 발신자 정보 배치, 날짜 형식, 인사말, 본문 단락, 서명 등 올바른 비즈니스 레터 관행을 모두 처리합니다.

전통 템플릿은 발신자 연락처 정보를 오른쪽 상단에 배치합니다(공식적인 표준). 모던 템플릿은 가로 강조선이 있는 큰 이름 디자인을 사용하고, 프로페셔널 템플릿은 색상 헤더 블록을 가집니다. 필요한 만큼 본문 단락을 추가할 수 있습니다.

중요한 점은, 이 도구는 AI가 여러분의 편지를 작성해주지 않는다는 것입니다. 여러분이 직접 내용을 쓰고, 도구는 그 내용을 깔끔하게 형식화해줄 뿐입니다. 저는 이 점이 중요하다고 생각합니다. 수백 개의 AI 생성 자기소개서를 읽어본 채용 담당자는 이를 즉시 알아챌 수 있을 겁니다. 화려한 디자인의 GPT 생성 편지보다, 여러분의 진심이 담긴 글이 깔끔한 레이아웃으로 표현될 때 훨씬 더 돋보일 것입니다.

프라이버시, 정말 중요합니다

제가 만든 이 세 가지 도구는 모두 민감한 정보를 다룹니다. 인보이스에는 여러분의 사업체 정보, 고객 이름, 재무 데이터가 포함되죠. 이력서에는 경력, 이메일, 전화번호 같은 개인 정보가 고스란히 담겨 있습니다. 자기소개서에는 지원하는 특정 회사 이름까지 명시되어 있고요.

하지만 제가 테스트했던 모든 대안 서비스들은 이 데이터를 서버로 전송했습니다. Zoho, Canva, Resume.io, Zety 등 모든 곳이 계정을 요구하며, 일단 계정을 만들고 나면 여러분의 데이터는 그들의 개인정보처리방침에 따라 그들의 서버에 존재하게 됩니다. 심지어 일부는 "서비스 개선"을 위해 데이터를 사용한다고 명시하는데, 이는 사실상 여러분의 이력서로 모델을 학습시킨다는 정중한 표현에 불과합니다.

반면, 브라우저 기반 도구의 아키텍처는 프라이버시를 기본값으로 만듭니다. 애초에 데이터를 보낼 서버가 없으니까요. pdf-lib 라이브러리가 웹 워커(Web Worker) 내부에서 PDF를 생성하고, 브라우저는 블롭(Blob) URL을 만든 다음, 로컬 앵커 클릭을 통해 다운로드가 이루어집니다. 여러분의 데이터는 탭을 닫기 전까지 브라우저 메모리에만 존재할 뿐입니다.

다음엔 어떤 도구를 만들까요?

다음으로 만들고 싶은 도구는 영수증 생성기(인보이스와 반대로 수신자 측면), NDA 생성기(간단한 템플릿 기반 법률 문서), 그리고 회의록 생성기(구조화된 노트에서 PDF로) 등입니다. 이 모든 도구는 폼 데이터 입력, 실시간 미리보기, 깔끔한 PDF 생성이라는 동일한 패턴을 따릅니다. 공유되는 레이아웃 헬퍼 덕분에 새로운 도구를 만들 때마다 개발 속도는 점점 더 빨라지고 있습니다.

만약 여러분이 인보이스를 만드는 프리랜서이거나, 이력서를 다듬는 구직자이거나, 회원가입의 번거로움 없이 전문적인 문서가 필요한 분이라면, 제가 만든 이 도구들을 꼭 한번 사용해보시길 바랍니다. 이 도구들은 kitmul.com에서 400개 이상의 다른 무료 브라우저 기반 도구들과 함께 여러분을 기다리고 있습니다.

참고 자료:

원문: https://dev.to/aralroca/i-built-a-free-invoice-generator-resume-builder-and-cover-letter-generator-that-dont-require-5f81 수집일: 2026-05-03 01:30:20