Layover

pdf.js를 활용해서 pdf 문서의 텍스트들을 추출해 보자! 텍스트를 추출하여 활용할 수 있는 곳은 많겠지만, GPT가 대세인 요즘엔 문서를 기반으로 질의를 할 수 있는 환경 구성에 쓰일 수 있다. 환경 : vue3, typescript - 최초 프로젝트 생성 : vue-cli를 통해 생성 vue create pdf-text-extractor - pdf.js 라이브러리 사용을 위해 pdfjs-dist 설치 npm install pdfjs-dist - pdf.js를 통해 pdf 파일 data read - data의 page 객체에서 텍스트를 추출함 const arrayBuffer = reader.result as ArrayBuffer pdfjsLib.GlobalWorkerOptions.workerSrc ..

pdf.js를 활용하여 pdf 문서 뷰어를 만들어 보자. 환경 : vue3, typescript - 최초 프로젝트 생성 : vue-cli를 통해 생성 vue create pdfviewer - pdf.js 라이브러리 사용을 위해 pdfjs-dist 설치 npm install pdfjs-dist - pdfjs를 통해 pdf file data 오픈하여 canvas에 page를 랜더링 arrayBuffer는 input file object에서 ArrayBuffer를 read 한 data const arrayBuffer = reader.result as ArrayBuffer //pdf data //pdf worker는 pdfjs-dist와 버전을 맞추어야 동작 가능 pdfjsLib.GlobalWorkerOptio..