재미있는 QR 코드 만들기

최근 프로젝트에서 집합 교육 시 QR을 통한 출석체크 기능을 만들게 되었습니다. 새로운 기능을 해보는 거라 걱정했지만 QR코드를 생성하는 라이브러리가 잘 되어있기 때문에, 원하는 도메인와 파라미터만 전달하면 되는 문제였네요. 94년도에 QR이 개발되었다는데, 이렇게 수십 년 동안 널리 사용될 아이디어를 만드는 것도 대단하네요. 

 

아래 링크를 통해서 라이브러리를 이용할 수 있습니다. 

https://github.com/kazuhikoarase/qrcode-generator

GitHub - kazuhikoarase/qrcode-generator: QR Code Generator implementation in JavaScript, Java and more.

 

사용법도 간단합니다. 아래와 같이 간단히 생성해서 사용하면 됩니다. 

<div id='qr_div'>
</div>


========================

var typeNumber = 2;
var errorCorrectionLevel = 'L';
var qr = qrcode(typeNumber, errorCorrectionLevel);
qr.addData(전달할 데이터);
qr.make();
document.getElementById('qr_div').innerHTML = qr.createImgTag();

 

파라미터가 URL에 그대로 뜨는 건 안 좋으니까 암호화를 하려 했는데

이미 프로젝트 구성 때 라이브러리 CryptoJs  라이브러리가 깔려있었습니다.

param 값을 JS객체로 만들고, JSON으로 qr코드 생성 후 사용했습니다!

 

막상 겁먹었던 거에 비해 엄청 간단한데, 해보니 재밌네요.