바코드·QR 코드 생성기
QR 코드, EAN-13, UPC-A, Code 128, ITF-14, Data Matrix를 만들어 SVG나 PNG로 저장하거나, 이미지에서 코드를 읽습니다.
코드 예제
내 프로젝트에 그대로 복사해서 쓰세요. 모든 예제는 해당 언어의 표준 라이브러리만 사용하므로 설치할 것이 없습니다.
const body = '590123412345'
const sum = [...body].reduce((total, digit, i) => total + Number(digit) * (i % 2 === 0 ? 1 : 3), 0)
console.log(body + ((10 - (sum % 10)) % 10))기능
입력한 텍스트로 QR 코드, EAN-13, EAN-8, UPC-A, Code 128, ITF-14, Data Matrix를 그려 SVG나 PNG로 저장합니다. 숫자 코드에는 체크 디지트가 붙고, 틀린 값은 그리지 않고 이유를 알려 줍니다. 지원하는 브라우저에서는 이미지에서 코드를 읽을 수도 있습니다.
사용 방법
- 코드 종류를 고르고 내용을 입력하거나 예시를 고릅니다.
- 미리보기를 확인합니다. 작게 인쇄하거나 로고를 넣을 때는 QR 오류 정정을 높이세요.
- 인쇄용은 SVG, 화면용은 PNG로 저장하거나 이미지에서 코드를 읽습니다.
예시
https://codeknife.dev를 QR 코드로 만들면 스캔할 때 사이트가 열립니다. EAN-13에서 590123412345는 5901234123457이 됩니다. 도구가 체크 디지트를 붙입니다. Code 128은 CODEKNIFE-2026 같은 출력 가능한 ASCII를 받습니다.
알아두기
- EAN-13은 13자리, EAN-8은 8자리, UPC-A는 12자리, ITF-14는 14자리이며 마지막 자리가 체크 디지트입니다. 체크 디지트 없이 입력하면 추가되고, 모두 입력했는데 틀리면 거부됩니다.
- 그려지는 코드는 여백이 있는 흰 바탕의 검은색 그림이라 어두운 페이지에서도 스캔됩니다. SVG는 어떤 크기에서도 선명하고, PNG는 크기 옵션에 따른 고정 크기입니다.
- 이미지에서 코드를 읽으려면 브라우저의 Barcode Detection API가 필요한데 아직 모든 브라우저에 있지는 않습니다. 어느 쪽이든 아무것도 업로드되지 않고 이미지는 기기에서 읽힙니다.
어떤 바코드를 써야 하나요?
휴대폰으로 스캔하는 링크와 텍스트에는 QR 코드, 매장 상품에는 EAN-13이나 UPC-A, 외박스에는 ITF-14, 내부 라벨과 배송에는 Code 128을 쓰세요. Data Matrix는 아주 작은 마킹에 알맞습니다. 숫자 코드에는 체크 디지트가 자동으로 붙고, 틀린 값은 거부됩니다.
자주 묻는 질문
오류 정정 수준은 무엇을 하나요?
QR 코드는 여분의 데이터를 담아 일부가 더럽거나 가려져도 읽힙니다. 수준이 높을수록 손상에 강하지만 같은 텍스트에 점이 더 필요합니다. 중간이 기본값으로 좋고, 가운데에 로고를 넣을 때는 높음을 고르세요.
만든 코드를 자유롭게 써도 되나요?
네. 코드는 브라우저에서 그려지며 워터마크 없이 여러분의 것입니다. 다만 매장용 EAN·UPC 번호에는 GS1의 업체 접두어가 필요합니다. 숫자가 제품을 전 세계에서 식별하기 때문입니다.
입력한 내용이 어딘가로 전송되나요?
아니요. 코드는 브라우저에서 그려지며 입력한 내용은 서버로 전송되지 않습니다.