pdfcn - React 컴포넌트로 만드는 PDF 문서

• 청구서, 보고서 같은 PDF를 처음부터 디자인하지 않고
  준비된 React 컴포넌트와 문서 템플릿을 조합해 만드는 오픈소스 프로젝트
  shadcn/ui

처럼 필요한 컴포넌트의 소스 코드를 프로젝트에 가져와 직접 수정하는 방식으로, 문서 디자인과 동작을 자유롭게 변경 가능

• 텍스트, 표, 차트, 이미지, QR 코드, 서명, 워터마크 등 문서에 필요한 요소 제공

• 페이지 나누기, 머리말과 꼬리말, 페이지 번호처럼
  여러 페이지로 구성된 문서의 레이아웃을 위한 컴포넌트도 포함

• 청구서와 재무/마케팅/운영/보안 보고서 등
  완성된 문서 템플릿을 가져와 데이터와 디자인을 바꿔 활용 가능

• PDF 생성 기반으로
  Takumi와 Forme를 선택할 수 있으며, 공통 테마와 컴포넌트 API로 문서를 구성

• 색상과 글꼴 등을 일관되게 적용하는 테마 프리셋을 제공하고, 문서 사이트에서 컴포넌트와 템플릿을 미리 확인 가능

• shadcn CLI로 필요한 항목만 추가하며, 선택한 렌더러의 의존성과 공통 테마 도구도 함께 설치

• 예:
  pnpm dlx shadcn@latest add @pdfcn/takumi/invoice-minimal

• MIT 라이선스

댓글과 토론