Launch HN: Onedoc (YC W24) – PDF를 생성하는 더 나은 방법
요약
Onedoc은 React 컴포넌트를 사용하여 고품질의 PDF 문서를 생성할 수 있는 새로운 개발 도구인 @fileforge/react-print를 출시했습니다. 웹 앱을 구축하는 방식과 동일하게 송장, 계약서, 이력서 등의 복잡한 레이아웃을 설계하고 데이터 통합을 자동화할 수 있습니다.
핵심 포인트
- React 컴포넌트 기반의 PDF 생성 라이브러리 제공
- 각주, 헤더, 여백 등 복잡한 레이아웃에 대한 완전한 제어권 지원
- 데이터베이스 데이터를 활용한 차트 구축 및 문서 업데이트 가능
- npm, yarn, pnpm을 통한 간편한 설치 및 컴포넌트 중심의 워크플로우
우리는 송장 (invoices), 계약서 (contracts), 이력서 (resumes), 브로셔 (brochures) 등 문서가 커뮤니케이션의 핵심이라고 믿습니다. 문서는 타인과 전문적으로 정보를 교환하는 주요 방법입니다. 그런데 왜 우리는 여전히 문서를 만들기 위해 수십 년 된 기술을 계속 사용하고 있을까요? 우리는 여러분이 더 나은 도구를 누릴 자격이 있다고 믿습니다. 문서 제작은 현대화되어야 합니다. 오늘부터 웹 앱 (web app)을 구축하는 것과 동일한 방식으로 다음 PDF를 만들어 보세요. 그리고 네, 여기에는 문서로의 데이터 통합 (data integration) 자동화도 포함됩니다. _react-print-pdf_를 만나보세요.
다른 솔루션과 무엇이 다른가요? 🧐
다른 솔루션과 달리, _react-print-pdf_는 문서에 대한 완전한 제어권을 제공하여 각주 (footnotes), 헤더 (headers), 여백 (margins) 등의 기능을 사용하여 복잡한 레이아웃 (layouts)을 설계할 수 있게 해줍니다. 또한, 문서의 특정 부분을 추적 및 분석할 수 있으며, 데이터베이스 (database)의 데이터를 사용하여 차트 (charts)를 구축하고 업데이트할 수 있습니다. 그리고 이것은 시작일 뿐입니다. 저희 팀과 커뮤니티는 PDF 생성 프로세스를 단순화하기 위한 훌륭한 기능들을 계속해서 개발해 나갈 것입니다.
시작하기 🚀
1. 설치 💿
react-print 컴포넌트 라이브러리 (component library)를 가져오세요.
npm 사용 시
npm install @fileforge/react-print
yarn 사용 시
yarn add @fileforge/react-print
pnpm 사용 시
pnpm add @fileforge/react-print
2. 컴포넌트 임포트 ↪️
사전 구축된 컴포넌트 목록에서 필요한 컴포넌트를 PDF 템플릿 (template)으로 임포트 (import)하세요:
import { PageTop, PageBottom, PageBreak } from "@fileforge/react-print";
3. 문서에 통합 📄
컴포넌트를 통합하고 필요한 곳에 스타일 (styles)을 포함하세요.
export const Document = ({ props }) => {
return (
<div>
...
4. HTML 생성 💻
import { compile } from "@fileforge/react-print";
const html = await compile(<Document />);
컴포넌트 🗂️
복잡한 레이아웃을 생성하거나 구식 마크업 (markup)을 유지 관리하는 번거로움 없이, 놀라운 문서를 만들 수 있도록 도와주는 표준 컴포넌트 세트입니다. 적극적으로 기여하고 여러분이 좋아하는 컴포넌트를 추가하여 이 목록을 확장하는 데 도움을 주세요!
[!NOTE]
적극적으로 기여하고 여러분이 좋아하는 컴포넌트를 추가하여 이 목록을 확장하는 데 도움을 주세요!
Integrations (연동) 🔗
_react-print-print_로 설계된 PDF는 선호하는 문서 관리 제공업체를 통해 생성, 호스팅 (및 기타 작업)이 가능합니다.
- Fileforge : HTML을 PDF로 변환, 클라우드 호스팅, 분석 기능 등.
Contributing (기여) 🫂
이 프로젝트는 오픈 소스 (open-source)이며, 개발자에 의해, 그리고 개발자를 위해 유지 관리되고 구축되도록 의도되었습니다. </br>
도움을 주고 싶으신가요? 멋집니다! 기여할 수 있는 방법은 매우 많습니다! 다음을 확인해 보세요:
Authors (저자) 🧑💻
- Auguste L. (@thisisnotFranck)
- Pierre D. (@pierre_dge120)
- Titouan L. (@titouan325)
License (라이선스) 📜
Join the movement ! (움직임에 동참하세요!) 🚀
Activity (활동)
Contributors (기여자) ✨
<a href="https://github.com/onedoclabs/react-print-pdf/graphs/contributors"> <img src="https://contrib.rocks/image?repo=onedoclabs/react-print-pdf" /> </a>Star History (스타 히스토리) 🌟
스타 히스토리 🌟
[이미지 출처가 링크된 부분이므로, 실제 번역 가능한 텍스트 내용이 없습니다. 따라서 해당 섹션의 제목만 유지하고 본문은 비워둡니다.]
AI 자동 생성 콘텐츠
본 콘텐츠는 HN Design Systems의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기