001 - jQuery QR Code 생성하기

jQuery QR Code를 생성하는 라이브러리를 이용하여

 

QR Code를 생성하는 예제 입니다.

 

라이브러리가 오래 되긴 했지만... QR Code도 표준 이라서 그런가

 

지금도 문제없이 동작하고 있습니다.

 

https://larsjung.de/jquery-qrcode/

jQuery.qrcode · generate QR codes dynamically · larsjung.de

 

아래 생성하는 예제에서 중요한 부분은 라이브러리 사이트에서 .zip 파일을 다운로드 받으신 후

 

html file에 import 시켜줘야 됩니다.

 

라이브러리를 사용할때 중요한 부분은 text 입니다. 해당 부분이 QR Code를 생성하는 주소정보 및 기타 정보를 입력하는 부분입니다.

 

생성할 QR Code이미지의 크기를 결정하는 size 값이 있습니다.

 

두 정보만 잘 변경하고 QR Code를 생성하면 핸드폰 카메라로 테스트 가능 해보면 됩니다. 

 

 

See the Pen Untitled by Keun (@kwyuk) on CodePen.