QR코드에 대해 정리
1. 역사
94년 덴소 웨이브라는 도요타 자동차의 자회사에서 부품 구별하기 위해 개발하면서 시작됨.
기존 바코드의 가로방향 1차원적 표현 방식에서 정보를 더 담기 위해 2차원 코드를 개발.
빠르게 응답하고, 더 많은 정보를 담기 위해 탄생! QR은 Quick Response에서 유래했다능..!
- 기존 바코드 : 20자내외 숫자 정보 저장
- QR 코드 : 숫자 최대 7089자, 문자 4296자 저장
2. QR코드의 구조
QR코드는 3가지 패턴으로 구성된다.
1. 위치 찾기 패턴 (Position)
: 세 모서리에 크게 자리잡고 있는 사각형
: QR코드를 인식할 때 어느 방향에서도 위치를 빠르고, 정확하게 파악하기 위한 기준 역할
2. 얼라인먼트 패턴 (Alignment)
: QR코드 인식시의 각도로 인해 일그러진 경우에도 인식할 수 있게 하는 역할 (모델2에서 개선)
3. 셀 패턴 (Cell)
: 백 점과 흰색 여백을 통해 데이터가 저장되는 곳
- 대략적인 판독원리는 아래와 같다.
카메라에서 QR코드 영상 입력 -> 흑백(bitmap)으로 변환 -> 흑백 영상에서 QR코드 찾기 -> QR코드 판독 -> 판독 데이터 도출
3. QR코드의 종류
- 실생활에서 우리가 접하는 QR코드는 모델2로 볼 수 있다!
- SQRC의 경우 보통 QR코드와 모양은 똑같지만, 특정 스캐너로만 인식이 가능하도록 코드 데이터 잠금 기능이 있으며, 공개부와 비공개부로 나눠 구성할 수 있다.
4. QR코드 생성 JS 라이브러리
qrcode.js (jquery 필요) : https://davidshimjs.github.io/qrcodejs/
qrcode.js
QRCode.js QRCode.js is javascript library for making QRCode. QRCode.js supports Cross-browser with HTML5 Canvas and table tag in DOM. QRCode.js has no dependencies. Basic Usages new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/coll
davidshimjs.github.io