From f86f9b6ce317561c42b54a7951a5f4a7440c4290 Mon Sep 17 00:00:00 2001 From: dongyoungKo Date: Thu, 26 Jun 2025 16:38:50 +0900 Subject: [PATCH] =?UTF-8?q?pdf=20=EB=9D=BC=EC=9D=B4=EB=B8=8C=EB=9F=AC?= =?UTF-8?q?=EB=A6=AC=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- com.twin.app.shoptime/package.json | 1 - .../src/components/PDFViewer/PDFViewer.jsx | 81 ------------------- .../src/views/MainView/MainView.jsx | 17 ---- 3 files changed, 99 deletions(-) delete mode 100644 com.twin.app.shoptime/src/components/PDFViewer/PDFViewer.jsx diff --git a/com.twin.app.shoptime/package.json b/com.twin.app.shoptime/package.json index 2d73bdcb..9e783ca7 100644 --- a/com.twin.app.shoptime/package.json +++ b/com.twin.app.shoptime/package.json @@ -44,7 +44,6 @@ "google-libphonenumber": "^3.2.34", "ilib": "^14.3.0", "patch-package": "^8.0.0", - "pdfjs-dist": "^5.3.31", "postinstall-postinstall": "^2.1.0", "prop-types": "^15.6.2", "raw-loader": "^4.0.2", diff --git a/com.twin.app.shoptime/src/components/PDFViewer/PDFViewer.jsx b/com.twin.app.shoptime/src/components/PDFViewer/PDFViewer.jsx deleted file mode 100644 index fa0be4cd..00000000 --- a/com.twin.app.shoptime/src/components/PDFViewer/PDFViewer.jsx +++ /dev/null @@ -1,81 +0,0 @@ -import React, { useCallback, useEffect, useRef, useState } from "react"; -import * as pdfjsLib from "pdfjs-dist"; -import pdfjsWorker from "pdfjs-dist/build/pdf.worker.mjs.map"; -import { getDocument } from "pdfjs-dist"; - -pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker; - -const PDFViewer = ({ pdfPath }) => { - const canvasRef = useRef(null); - const [page, setPage] = useState(1); - - const drawCanvas = useCallback( - ({ width, height }) => { - if (!canvasRef.current) { - throw new Error("canvasRef가 없음"); - } - const canvas = canvasRef.current; - canvas.width = width; - canvas.height = height; - - const context = canvas.getContext("2d"); - if (context) { - return context; - } else { - throw new Error("canvas context가 없음"); - } - }, - [canvasRef] - ); - - const renderPage = useCallback( - async (doc) => { - const currentPage = await doc.getPage(page); - const viewport = currentPage.getViewport({ scale: 1.0 }); // each pdf has its own viewport - const context = drawCanvas({ - width: viewport.width, - height: viewport.height, - }); - - const renderContext = { - canvasContext: context, - viewport: viewport, - }; - - await currentPage.render(renderContext).promise; - console.log(`${page}로딩 성공`); - }, - [page, drawCanvas] - ); - - const getPDF = useCallback( - async (pdfPath) => { - try { - const loadingTask = getDocument(pdfPath); - const doc = await loadingTask.promise; - - const pageNum = doc.numPages; - console.log(`document 로딩 성공: 전체 페이지 ${pageNum}`); - - renderPage(doc); - console.log("pdf 로딩 성공이라네"); - } catch (e) { - console.log("pdf 로딩 실패!"); - console.log(e); - } - }, - [renderPage] - ); - - useEffect(() => { - getPDF(pdfPath); - }, [pdfPath]); - - return ( -
- -
- ); -}; - -export default PDFViewer; diff --git a/com.twin.app.shoptime/src/views/MainView/MainView.jsx b/com.twin.app.shoptime/src/views/MainView/MainView.jsx index 838890b6..c84a630b 100644 --- a/com.twin.app.shoptime/src/views/MainView/MainView.jsx +++ b/com.twin.app.shoptime/src/views/MainView/MainView.jsx @@ -86,8 +86,6 @@ import OptionalTermsConfirm from "../../components/Optional/OptionalTermsConfirm import OptionalTermsConfirmBottom from "../../components/Optional/OptionalTermsConfirmBottom"; import css from "./MainView.module.less"; -import PDFViewer from "../../components/PDFViewer/PDFViewer"; - const preloadImages = [ LoadingPreloadImage, LoadingAnimation, @@ -839,21 +837,6 @@ export default function MainView({ className, initService }) { onClick={handleAgree} /> )} */} - {/* - {showPDF && } */} ); }