Javascript를 이용한 PDF생성

웹으로 PDF 자동 생성 기능을 구현하려고 할 때,

기존에는 서버사이드에서 생성해서 다운로드하는 방법이 일반적이었다.

하지만 클라이언트 사이드에서도, 자바스크립트를 통해 생성할 수 있는 방법이 있다.

또한, 클라이언트 사이드에서 생성할 경우에는

HTML 화면을 그대로 PDF로 변환할 수 있다는 장점까지 있다.

다음과 같은 Javascript 라이브러리들을 이용하면 된다.

• jsPDF
• html2canvas
• html2pdf

Javascript를 이용해서 직접 PDF문서를 꾸미려 한다면, jsPDF를 쓰는 것이 좋다.

반면에, HTML 화면을 그대로 PDF로 옮기려 하는 경우에는,

jsPDF + html2canvas를 쓰던가, html2pdf를 쓰는 것이 좋다.

html2pdf는, 내부적으로 jsPDF와 html2canvas를 결합해서 만든 라이브러리이므로,

jsPDF + html2canvas를 쓰는 것과 결과는 같지만, 사용하기는 좀더 편할 것이다.

또한, HTML을 PDF로 옮기는 경우 글자가 흐릿하게 번져 보일 수 있는데,

이 문제는 html2pdf에서 DPI를 300로 설정하면 해결된다.

상세한 내용은, 추후 다루도록 하겠다.