[QR CODE] QR CODE SCANNER

SeHoony·2022년 7월 24일
1

1. 자료 모으기

[테스트 성공] https://www.npmjs.com/package/react-qr-reader
=> 웹에서 뜨는 거 확인

2. 모바일에서는 뜨나????

=> 배포를 해야 확인 가능?
근데 QR 코드 리더는 https에서 해야한다고 한다.
그래서 localhost를 바로 https로 배포하는 방법인 ngrok 확인!

3. ngrok 쓰는 방법

  1. download
  2. unzip하고
  3. auth
ngrok authtoken <YOUR_AUTH_TOKEN>
  1. https url을 뽑기
ngrok http 3000

4. QR 코드 생성

https://www.npmjs.com/package/qrcode.react

[테스트 성공] https://www.npmjs.com/package/react-qr-code

5. QR 코드 리더에서 중간에 네모 박스 어캐 치냐

  <AiOutlineExpand className="text-6xl text-cyan-400  absolute  top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" />```
profile
두 발로 매일 정진하는 두발자, 강세훈입니다. 저는 '두 발'이라는 이 단어를 참 좋아합니다. 이 말이 주는 건강, 정직 그리고 성실의 느낌이 제가 주는 분위기가 되었으면 좋겠습니다.

0개의 댓글