렌더링 방식
- @react-pdf/renderer:
@react-pdf/renderer는 클라이언트 측에서 PDF를 렌더링하는 데 중점을 두고 있습니다. React 컴포넌트를 사용하여 PDF 문서를 구성하고, 이를 브라우저에서 직접 렌더링할 수 있습니다.
- @react-pdf/render:
@react-pdf/render는 서버 측 렌더링을 지원하여, Node.js 환경에서 PDF를 생성하는 데 최적화되어 있습니다. 이 패키지는 PDF 생성에 필요한 모든 요소를 서버에서 처리하므로, 클라이언트의 성능에 영향을 주지 않습니다.
사용 사례
- @react-pdf/renderer:
클라이언트 측에서 PDF를 동적으로 생성하고 표시해야 하는 경우, 예를 들어, 사용자가 입력한 데이터를 기반으로 PDF 문서를 생성하는 애플리케이션에 적합합니다.
- @react-pdf/render:
서버 측에서 PDF 문서를 생성해야 하는 경우, 예를 들어, 사용자가 요청할 때마다 PDF 영수증이나 보고서를 생성하는 애플리케이션에 적합합니다.
설정 및 사용 용이성
- @react-pdf/renderer:
React 컴포넌트를 사용하여 쉽게 설정할 수 있으며, 클라이언트 측에서 즉시 사용할 수 있습니다. React에 익숙한 개발자에게는 더 직관적입니다.
- @react-pdf/render:
서버 측 환경에서 작동하기 때문에, Node.js와 관련된 설정이 필요합니다. 초기 설정이 다소 복잡할 수 있지만, 강력한 기능을 제공합니다.
성능
- @react-pdf/renderer:
클라이언트 측에서 PDF를 렌더링하는 경우, 사용자의 브라우저 성능에 따라 다를 수 있으며, 복잡한 문서의 경우 성능 저하가 발생할 수 있습니다.
- @react-pdf/render:
서버에서 PDF를 생성하므로 클라이언트의 성능에 영향을 미치지 않으며, 대량의 PDF 문서를 효율적으로 처리할 수 있습니다.
기능 확장성
- @react-pdf/renderer:
React의 컴포넌트 기반 구조를 활용하여, 사용자 정의 컴포넌트를 만들어 PDF 문서의 내용을 쉽게 확장할 수 있습니다.
- @react-pdf/render:
서버 측에서 다양한 PDF 생성 옵션을 지원하며, 필요에 따라 추가적인 기능을 구현할 수 있습니다.