diff --git a/src/pages/QRCodeScanner.tsx b/src/pages/QRCodeScanner.tsx index 5de6cad..9533c88 100644 --- a/src/pages/QRCodeScanner.tsx +++ b/src/pages/QRCodeScanner.tsx @@ -180,10 +180,28 @@ const QRCodeScanner = () => { }; useEffect(() => { - if (isScanning) { - console.log("QR 코드 쿨타임 중(QR 인식 일시 차단)"); - } -}, [isScanning]); + if (isScanning) { + console.log("QR 코드 쿨타임 중(QR 인식 일시 차단)"); + } + }, [isScanning]); + + useEffect(() => { + const observer = new MutationObserver(() => { + const video = document.querySelector("#qr-reader video") as HTMLVideoElement; + if (video) { + video.style.transform = "scaleX(-1)"; + } + }); + + const qrReader = document.getElementById("qr-reader"); + if (qrReader) { + observer.observe(qrReader, { childList: true, subtree: true }); + } + + return () => { + observer.disconnect(); + }; + }, []); return (