웹 개발

Barcode Generator

텍스트나 숫자로 선형 바코드(CODE128, EAN-13, UPC, CODE39 등)를 생성합니다.

A linear barcode encodes data as bars of varying width, read by a single laser beam in a scanner. Unlike a QR code, most formats are limited to digits or ASCII text, but in exchange they're readable by virtually any retail scanner.

How to use it

Common uses

Things to keep in mind

EAN-13 and UPC-A are official retail standards — selling a product in stores requires a real, registered GTIN, not an arbitrarily generated one.

No common linear barcode format supports non-Latin scripts or other Unicode characters directly — use a QR code for that kind of text.

이 도구에 대한 아티클: 바코드: Code 128이 EAN-13과 다른 점

자주 묻는 질문

왜 제 데이터가 선택한 형식에 맞지 않는다고 나오나요?

각 바코드 형식에는 고유한 제약 조건이 있습니다 — 예를 들어 EAN-13은 정확히 12자리 또는 13자리 숫자가 필요하고 CODE39는 제한된 문자 집합만 지원합니다 — 따라서 데이터는 선택한 형식의 규칙과 일치해야 합니다.

임의의 텍스트에는 어떤 형식을 사용해야 하나요?

CODE128은 문자, 숫자, 기호를 포함한 전체 ASCII 문자 집합을 지원하므로 데이터가 순수하게 숫자가 아닐 때 가장 유연한 선택입니다.

바코드를 생성하면 제 데이터가 업로드되나요?

아니요, 바코드 이미지는 jsbarcode 라이브러리를 사용해 브라우저 내에서 완전히 렌더링됩니다 — 서버로 전송되는 것은 없습니다.

UPC-A는 EAN-13과 어떻게 다른가요?

UPC-A는 역사적으로 북미에서 사용된 12자리 형식이고, EAN-13은 13자리 국제 표준입니다. UPC-A는 사실 EAN-13의 부분집합이며(앞에 0을 붙이면 유효한 EAN-13이 됨), 그래서 대부분의 스캐너는 두 형식을 구분 없이 인식합니다.

바코드에 비라틴 문자나 다른 유니코드 문자를 인코딩할 수 있나요?

EAN-13이나 UPC-A 같은 대부분의 일반적인 바코드 형식은 숫자만 지원하고, Code 128은 ASCII 문자 집합으로 제한됩니다 — 이들 중 어느 것도 비라틴 문자나 다른 유니코드 문자를 직접 지원하지 않으므로, 그런 텍스트에는 QR 코드가 필요합니다.

아티클: 웹 개발

HEX, RGB, HSL: 색을 표현하는 방법이 이렇게 많은 이유

디자이너가 손으로 색조를 고를 때 HEX 대신 HSL을 자주 선택하는 이유.

CSS 압축: 파일에서 실제로 제거되는 것은 무엇이고 왜인가

압축된 CSS가 사람에게는 읽을 수 없게 되어도 브라우저에서 정확히 똑같이 작동하는 이유.

JavaScript 압축: 압축과 난독화의 차이

원하면 압축된 코드는 여전히 읽을 수 있지만, 난독화된 코드는 그럴 수 없는 이유.

HTML 압축: 마크업 안의 공백이 애초에 왜 중요한가

<pre>나 textarea 안의 공백을 제거하면, 다른 거의 모든 곳과 달리 페이지의 모양이 깨지는 이유.

CSS 그라디언트: linear가 radial, conic과 다른 점

conic-gradient는 파이 차트에 적합하고, radial-gradient는 빛 웅덩이 효과를 만드는 이유.

Luhn 알고리즘: 카드 번호의 정확성을 확인하는 방법

Luhn 검사를 통과하는 카드 번호가 그 카드가 실제로 존재한다는 뜻은 아닌 이유.

IBAN: 국제 은행 계좌 번호가 구성되는 방식

IBAN의 첫 두 글자가 계좌 번호 자체의 일부가 아니라 국가 코드인 이유.

QR 코드: 픽셀로 된 정사각형 안에 링크가 들어가는 방식

가운데에 로고가 있는 QR 코드가 패턴 일부가 가려져도 여전히 스캔되는 이유.

플레이스홀더 이미지: 개발 중 가짜 이미지가 중요한 이유

레이아웃이 아직 만들어지는 중일 때 개발자가 실제 사진 대신 일부러 회색 상자를 넣는 이유.