[React.js] qr-scanner를 리액트에 적용하기!
2023-10-05 17:29:30
1. react-qr-reader에서 qr-scanner로 갈아탄 이유! react-qr-reader 라이브러리를 이용해서 이미 프로젝트를 진행했었는데 Adobe Express에서 생성한 QR을 읽지 못하는 것이 아닌가?! 이 외에도 사용감이 좋지 못했기에 다른 라이브러리를 찾아보았다. 그렇게 해서 발견한 라이브러리가 qr-scanner이다. react-qr-reader 처럼 리액트를 위해 만들어진 라이브러리는 아니었지만 공식 문서와 데모를 살펴본 후 더 고민할 필요가 없었다. 2. qr-scanner를 리액트에 적용하기! 2.1. qr-scanner를 설치 npm install --save qr-scanner 2.2. qr-scanner 리액트 컴포넌트에 적용 장치의 카메라를 통해 QR을 스캔하고 스캔..