본문 바로가기
IT_Developers/Javascript

jQuery - 제이쿼리로 QR코드 만들기

by 고코더 2017. 12. 2.


jquery QRcode


오늘은 QR코드를 만들어 볼려고 합니다. 바코드 자체도 훌륭하지만 보통 숫자만 쓸 수 있고
영어까지 포함한 바코드 체계를 쓰면 양 옆으로 너무 길어지는 형상이 있습니다.
그래서 나온게 3차원 바코드 QR코드죠 7089글자가 인식 가능하니 사실상
현재로는 가능한 충분한 데이터를 그 작은 네모안에 표현할 수 있습니다. 



그래서 오늘은 QR코드를 jquery로 만드는 방법을 알아보려고 합니다.

▼개발자 사이트는 아래와 같습니다.

우리 익스프레스 강의를 들어온 개발자 분들에게
간단한 예제릴 만들어 봤습니다.

▼ 아래 파일을 모두 다운로드 해서 gocoder_qrcode.html를 실행시켜보면 됩니다.

▼ 소스는 아래와 같습니다. qrcode()라는 놈을 잘 활용하면 될거 같습니다. 

<html>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.js"></script>
<script type="text/javascript" src="qrcode.js"></script>

<div id="gcDiv"></div>

<script>
    jQuery("#gcDiv").qrcode({   //qrcode 시작
        render "table",      //table, canvas 형식 두 종류가 있다. 
        width 100,            //넓이 조절
        height 100,           //높이 조절
        text   "http://gocoder.tistory.com/"     //QR코드에 실릴 문자열
    });
</script>

</body>
</html>

▼ 결과물은 아래와 같습니다.






마무리


QR코드는 정말 혁명이 아닌가 싶습니다.


댓글