PDF 도구

JavaScript를 사용하여 PDF 파일을 인쇄하는 방법

Name: IronPDF
Brand: Iron Software
Availability: InStock
Rating: 4.87 (307 reviews)

다리우스 세란트

업데이트됨:7월 28, 2025

1.0 서론

PDF(Portable Document Format)는 텍스트와 그래픽이 포함된 문서를 공유하기 위해 어도비에서 개발한 형식입니다. PDF 문서를 온라인에서 열려면 추가 프로그램이 필요합니다. PDF 파일은 오늘날 사회에서 중요한 정보를 전달하는 데 매우 중요합니다. 많은 기업들이 PDF 파일을 사용하여 문서와 송장을 작성합니다. 개발자들은 고객의 요구를 충족하기 위해 PDF 문서를 생성합니다. 최신 라이브러리 덕분에 PDF를 만드는 것이 그 어느 때보다 쉬워졌습니다.

이러한 유형의 라이브러리를 사용하는 프로젝트에 가장 적합한 라이브러리를 선택하려면 빌드, 읽기 및 변환 기능을 포함한 여러 요소를 고려해야 합니다.
이 튜토리얼에서는 PDF를 생성하는 데 사용할 수 있는 다양한 JavaScript 라이브러리를 살펴보겠습니다. 우리는 다음 세 가지 주요 사항에 초점을 맞춰 JS 라이브러리와 실제 응용 시나리오를 분석할 것입니다.

실행 중인 구성
타이핑 및 사용자 지정 글꼴을 지원하는 모듈
사용 편의성

이 글을 읽고 나면 JavaScript 애플리케이션에 가장 적합한 PDF 라이브러리를 선택할 수 있을 것입니다. 마지막으로 유용하고 효과적인 PDF 라이브러리인 IronPDF 대해서도 다루겠습니다.

JavaScript 사용하여 PDF 파일을 인쇄하는 방법

PDF 파일을 iframe 태그에 삽입하세요
iframe의 PDF 뷰어에 포함된 인쇄 옵션에 액세스하세요.
JavaScript 사용하여 현재 페이지의 PDF를 인쇄합니다.
`printJS` 메서드를 호출하고 요소 ID를 printable 속성에 전달합니다.
.NET C#에서 `Print` 메서드를 활용하는 대체 라이브러리를 사용하여 인쇄하세요.

2.0 라이브러리

고객이 청구서를 다운로드하여 인쇄할 수 있도록 하고 싶다고 가정해 보겠습니다. 이 청구서는 정확하고 적절한 형식으로 인쇄되어야 합니다. 여기서는 HTML 파일 형식의 송장을 PDF로 변환하는 데 사용할 수 있는 여러 라이브러리 중 몇 가지를 자세히 살펴보겠습니다.

2.1 일반 JavaScript 코드

일반적으로 PDF 파일의 내용을 인쇄하려면 파일을 컴퓨터에 다운로드하고 열어서 인쇄 옵션을 선택합니다. 반면 JavaScript 사용하면 웹 페이지에서 PDF 파일을 바로 인쇄하는 것이 간단해집니다. 웹사이트에 iframe을 추가하거나 동적으로 iframe을 생성할 수 있는 기능만 있으면 문서를 추가하고 인쇄할 수 있습니다. JavaScript 사용하여 PDF 파일을 인쇄하는 방법을 보여드리겠습니다. 웹페이지 안에 또 다른 웹페이지를 표시하는 데에는 iframe이 사용됩니다. 웹 페이지가 표시되려면 iframe은 해당 페이지의 출처를 알아야 합니다.

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Print PDF</title>
</head>
<body>

    <iframe 
        src="Demo.pdf" id="myFrame" 
        frameborder="0" style="border:0;" 
        width="300" height="300">
    </iframe>
    <p>

        <input type="button" id="bt" onclick="printPdf()" value="Print PDF" />
    </p>

    <script>
        // JavaScript function to print the PDF inside the iframe
        let printPdf = () => {
            // Access the iframe
            let objFra = document.getElementById('myFrame');
            // Focus the iframe's window
            objFra.contentWindow.focus();
            // Trigger the print dialog
            objFra.contentWindow.print();
        }
    </script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Print PDF</title>
</head>
<body>

    <iframe 
        src="Demo.pdf" id="myFrame" 
        frameborder="0" style="border:0;" 
        width="300" height="300">
    </iframe>
    <p>

        <input type="button" id="bt" onclick="printPdf()" value="Print PDF" />
    </p>

    <script>
        // JavaScript function to print the PDF inside the iframe
        let printPdf = () => {
            // Access the iframe
            let objFra = document.getElementById('myFrame');
            // Focus the iframe's window
            objFra.contentWindow.focus();
            // Trigger the print dialog
            objFra.contentWindow.print();
        }
    </script>
</body>
</html>

HTML

PDF를 인쇄하려면 iframe을 사용하여 문서 내용을 표시한 다음 JavaScript 사용하여 내용을 인쇄할 수 있습니다. 두 경우 모두 iframe이 필요합니다. 위 예시에는 소스(PDF)를 포함하는 iframe이 있습니다. 버튼 형태의 입력 요소도 있습니다.

버튼의 onclick 속성은 printPdf 메서드를 호출합니다.

JavaScript에서 PDF 파일을 인쇄하는 방법: 그림 1 - 인쇄

2.2 Print.js

Print.js는 주로 앱 내에서 PDF 파일을 인쇄할 수 있도록 개발되었으며, 이를 위해 앱을 벗어나지 않고, 사용자 인터페이스에서 PDF 파일을 가져와 인쇄하거나, 임베드 기능을 사용할 필요가 없습니다. 이는 사용자가 PDF 파일을 열거나 다운로드할 필요 없이 인쇄만 하면 되는 특별한 상황을 위한 것입니다.

예를 들어 사용자가 서버 측에서 생성된 보고서를 인쇄해달라고 요청할 때 이 기능이 유용할 수 있습니다. 이 보고서는 PDF 문서 형식으로 제공됩니다. 이 파일들은 열어보지 않고도 인쇄할 수 있습니다. 저희 앱 내에서 Print.js는 이러한 파일을 편리하게 인쇄할 수 있는 방법을 제공합니다.

<!DOCTYPE html>
<html>
<head>
    <title>Print.js Example</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
    <link href="https://printjs-4de6.kxcdn.com/print.min.css" rel="stylesheet">   
</head>
<body>

    <div id="print-area" class="print-main">
        <table>
            <tr>
                <th>Name</th>
                <th>Age</th>
            </tr>
            <tr>
                <td>AAA</td>
                <td>25</td>
            </tr>
            <tr>
                <td>BBB</td>
                <td>24</td>
            </tr>
        </table>
    </div>

    <button id="btnPrint">Print</button>

    <script>
        $(document).ready(function(){
            // When the print button is clicked
            $("#btnPrint").on("click", function(){
                // Use Print.js to print the content of #print-area
                printJS({
                    printable: 'print-area',
                    type: 'html'
                });
            });
        });
    </script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <title>Print.js Example</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
    <link href="https://printjs-4de6.kxcdn.com/print.min.css" rel="stylesheet">   
</head>
<body>

    <div id="print-area" class="print-main">
        <table>
            <tr>
                <th>Name</th>
                <th>Age</th>
            </tr>
            <tr>
                <td>AAA</td>
                <td>25</td>
            </tr>
            <tr>
                <td>BBB</td>
                <td>24</td>
            </tr>
        </table>
    </div>

    <button id="btnPrint">Print</button>

    <script>
        $(document).ready(function(){
            // When the print button is clicked
            $("#btnPrint").on("click", function(){
                // Use Print.js to print the content of #print-area
                printJS({
                    printable: 'print-area',
                    type: 'html'
                });
            });
        });
    </script>
</body>
</html>

HTML

위 코드는 웹사이트에서 PDF 파일을 직접 인쇄하는 데 사용할 수 있습니다. 이 코드는 "print-area"라는 ID를 가진 HTML 요소 내의 모든 HTML 문자열을 인쇄한다는 것을 보여줍니다.

JavaScript에서 PDF 파일을 인쇄하는 방법: 그림 2 - 문자열 인쇄

2.3 IronPDF - Node.js 기반 PDF 라이브러리

IronPDF 는 정확성, 사용 편의성 및 속도가 뛰어난 종합적인 Node.js PDF 라이브러리입니다. React를 사용하면 HTML, URL 및 이미지에서 직접 PDF를 생성, 편집 및 서식 지정하는 데 필요한 다양한 기능을 제공합니다. IronPDF Windows, MacOS, Linux, Docker, Azure 및 AWS와 같은 클라우드 플랫폼을 포함한 다양한 플랫폼을 지원하여 플랫폼 간 호환성을 보장합니다. 사용자 친화적인 API를 통해 개발자는 PDF 생성 및 조작 기능을 Node.js 프로젝트에 빠르게 통합할 수 있습니다.

Node.js 용 IronPDF 의 주요 기능:

다양한 PDF 생성 기능: IronPDF 사용하면 개발자는 HTML, CSS, JavaScript, 이미지 및 기타 파일 형식을 포함한 다양한 소스에서 PDF를 생성할 수 있습니다. 이러한 유연성을 통해 특정 요구 사항에 맞춘 동적이고 시각적으로 매력적인 PDF 문서를 만들 수 있습니다.
고급 문서 사용자 지정: IronPDF 개발자가 머리글, 바닥글, 첨부 파일, 디지털 서명, 워터마크 및 책갈피와 같은 기능을 사용하여 PDF 문서를 향상시킬 수 있도록 지원합니다. 이를 통해 풍부한 콘텐츠와 인터랙티브 요소를 갖춘 전문가 수준의 PDF를 제작할 수 있습니다.
보안 기능: IronPDF 무단 접근으로부터 PDF를 보호하기 위한 강력한 보안 기능을 제공합니다. 개발자는 PDF 문서에 포함된 중요한 정보를 보호하기 위해 암호, 디지털 서명, 메타데이터 및 기타 보안 설정과 같은 보안 조치를 구현할 수 있습니다.
최적화된 성능: IronPDF 는 완벽한 멀티스레딩 및 비동기 지원을 통해 최적의 성능을 제공하도록 설계되었습니다. 이를 통해 효율적인 PDF 생성이 보장되므로 성능이 가장 중요한 미션 크리티컬 애플리케이션에 적합합니다.
포괄적인 기능 세트: PDF 문서 생성, 서식 지정 및 편집을 위한 50개 이상의 기능을 갖춘 IronPDF 모든 PDF 관련 작업에 대한 포괄적인 솔루션을 제공합니다. IronPDF 기본적인 문서 생성부터 고급 맞춤 설정 및 보안에 이르기까지 개발자의 요구를 충족하는 다양한 기능을 제공합니다.

다음은 HTML 파일 , HTML 문자열 및 URL 에서 PDF 문서를 생성하고 저장하여 인쇄 시 서식을 유지하는 예입니다.

import { PdfDocument } from "@ironsoftware/ironpdf";

// An async function to demonstrate how to generate PDF documents
(async () => {
    // Create a PDF from a URL
    const pdfFromUrl = await PdfDocument.fromUrl("https://getbootstrap.com/");
    // Save it to a file
    await pdfFromUrl.saveAs("website.pdf");

    // Create a PDF from a local HTML file
    const pdfFromHtmlFile = await PdfDocument.fromHtml("design.html");
    // Save it to a file
    await pdfFromHtmlFile.saveAs("markup.pdf");

    // Create a PDF from an HTML string
    const pdfFromHtmlString = await PdfDocument.fromHtml("<p>Hello World</p>");
    // Save it to a file
    await pdfFromHtmlString.saveAs("markup_with_assets.pdf");
})();

import { PdfDocument } from "@ironsoftware/ironpdf";

// An async function to demonstrate how to generate PDF documents
(async () => {
    // Create a PDF from a URL
    const pdfFromUrl = await PdfDocument.fromUrl("https://getbootstrap.com/");
    // Save it to a file
    await pdfFromUrl.saveAs("website.pdf");

    // Create a PDF from a local HTML file
    const pdfFromHtmlFile = await PdfDocument.fromHtml("design.html");
    // Save it to a file
    await pdfFromHtmlFile.saveAs("markup.pdf");

    // Create a PDF from an HTML string
    const pdfFromHtmlString = await PdfDocument.fromHtml("<p>Hello World</p>");
    // Save it to a file
    await pdfFromHtmlString.saveAs("markup_with_assets.pdf");
})();

JAVASCRIPT

PDF 관련 작업에 대한 더 많은 코드 예제를 보려면 Node.js 용 IronPDF 코드 예제 페이지를 방문하세요.

JavaScript에서 PDF 파일을 인쇄하는 방법: 그림 3 - IronPDF

3.0 결론

사용자는 위의 JavaScript 코드를 볼 수 있지만, 다른 사람들이 이를 악용할 수도 있습니다. 소스 코드를 이런 방식으로 사용하는 것이 가능합니다. 또한, 웹사이트를 통해 전송되는 데이터의 보안을 위협하는 코드를 추가하는 것은 어렵지 않습니다. 앞서 언급한 JavaScript 라이브러리는 브라우저마다 다르게 표시됩니다. 따라서 해당 코드는 출시 전에 다양한 시스템에서 실행되어야 합니다. 일부 새로운 기능은 구형 브라우저에서 지원되지 않으므로 해당 기능의 브라우저 호환성도 살펴봐야 합니다. 위에 언급된 라이브러리들은 PDF 파일을 생성할 수 있습니다. 사용자는 자신이 작업하는 스크립트에 대해 어느 정도 숙지하고 있어야 합니다.

IronPDF는 JavaScript 로 구축된 프레임워크 및 라이브러리와의 간편한 통합 프로세스, Node.js 용 IronPDF 문서 및 샘플 코드 예제, 그리고 신속한 기술 지원을 통해 개발자가 빠르게 개발을 시작할 수 있도록 지원합니다. 따라서 Node.js 관련 애플리케이션에서 전문가 수준의 PDF를 생성하고 인쇄하는 데 IronPDF가 최적의 선택입니다.

IronPDF Node.js 용 무료 평가판을 제공하므로 충분한 정보를 바탕으로 구매 결정을 내리기 전에 모든 기능을 테스트해 볼 수 있습니다. 이 기능은 C# .NET , Java 및 Python 과 같은 다른 언어에서도 사용할 수 있습니다. 자세한 내용은 IronPDF 웹사이트를 방문하세요. IronPDF Node.js 다운로드 Node.js 에서 IronPDF for Node.js 다운로드하세요.

다리우스 세란트

지금 바로 엔지니어링 팀과 채팅하세요

풀스택 소프트웨어 엔지니어 (웹 운영)

다리우스 세런트는 마이애미 대학교에서 컴퓨터 과학 학사 학위를 받았으며, Iron Software에서 풀 스택 웹 운영 마케팅 엔지니어로 근무하고 있습니다. 어린 시절부터 코딩에 매료되었던 그는 컴퓨팅이 신비로우면서도 접근하기 쉬운 분야라고 생각했고, 창의력과 문제 해결 능력을 발휘하기에 완벽한 매체라고 여겼습니다.

Iron Software에서 다리우스는 새로운 것을 만들고 복잡한 개념을 단순화하여 더 쉽게 이해할 수 있도록 하는 것을 즐깁니다. 그는 사내 개발자로서 학생들을 가르치는 데에도 자원하여 차세대 인재들과 전문 지식을 공유하고 있습니다.

다리우스에게 있어 그의 일은 가치 있고 실질적인 영향을 미치기 때문에 보람 있는 일입니다.