1. 라이브러리 선택

PDF로 변환하는 기능을 구현하여야 하는 경우, html2pdf.js나 jsPDF와 같은 라이브러리를 사용할 수 있습니다. 이 예시에서는 html2pdf.js 라이브러리를 사용하여 웹 페이지를 PDF로 변환하는 방법을 살펴보겠습니다.

2. html2pdf.js 라이브러리 사용

html2pdf.js 라이브러리는 HTML 요소를 PDF로 변환하는 데 사용됩니다. 아래는 웹 페이지의 전체 내용을 PDF로 저장하는 간단한 예시 코드입니다.

const element = document.getElementById('content'); // PDF로 저장할 요소 선택
html2pdf(element);

위 코드에서 ‘content’는 PDF로 저장할 HTML 요소의 id입니다. 이 코드를 실행하면 해당 요소의 내용이 PDF로 저장됩니다.

3. 추가 옵션 설정

html2pdf.js는 다양한 옵션을 제공하여 PDF 저장을 커스터마이징할 수 있습니다. 예를 들어, 파일 이름 설정, 페이지 방향 및 크기 조절 등의 옵션을 선택할 수 있습니다. 다음은 몇 가지 추가 옵션을 설정한 예시 코드입니다.

const element = document.getElementById('content');
const options = {
  filename: 'webpage.pdf',
  image: { type: 'jpeg', quality: 0.98 },
  html2canvas: { scale: 2 },
  jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }
};
html2pdf(element, options);

위 코드에서는 파일 이름을 ‘webpage.pdf’로 설정하고, 이미지 품질과 HTML 요소 크기를 조절하는 등의 설정을 추가했습니다.

마치며

이제 웹 페이지를 PDF로 저장하기 위한 자바스크립트 구현 방법을 살펴보았습니다. html2pdf.js 라이브러리를 사용하면 간단하게 웹 페이지를 PDF로 변환할 수 있습니다.

더 많은 옵션과 기능을 확인하려면 html2pdf.js 공식 문서를 참고하세요.