알고 있는 해결책을 수집하라: 에이전트 기반 엔지니어링 패턴

<!-- PDF to Images snippet -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.9.359/pdf.min.js"></script>
<script>
pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.9.359/pdf.worker.min.js';
async function* convertPDFToImages(file) {
  const pdf = await pdfjsLib.getDocument(URL.createObjectURL(file)).promise;
  for (let i = 1; i <= pdf.numPages; i++) {
    const page = await pdf.getPage(i);
    const viewport = page.getViewport({ scale: 1.5 });
    const canvas = document.createElement('canvas');
    const context = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;
    await page.render({ canvasContext: context, viewport: viewport }).promise;
    yield { imageURL: canvas.toDataURL('image/jpeg'), size: canvas.toDataURL('image/jpeg').length };
  }
}
</script>

async function ocrImage(imageUrl) {
  const worker = Tesseract.createWorker();
  await worker.load();
  await worker.loadLanguage("eng");
  await worker.initialize("eng");
  const { data: { text } } = await worker.recognize(imageUrl);
  await worker.terminate();
  return text;
}