웹 개발

QR Code Generator / Reader

텍스트나 URL에서 QR 코드를 생성하거나, 업로드한 이미지에서 내용을 읽습니다.

여기에 QR 코드가 표시됩니다.

A QR code is a two-dimensional barcode that encodes text, a URL, or other data so a camera can read it instantly. This tool generates a QR code from text you type and, the other way around, reads the content out of an uploaded image — all in the browser.

How to use it

Common uses

Things to keep in mind

A higher error-correction level (H instead of L) makes the code more resistant to damage but also denser — it holds less data at the same physical size.

A QR code doesn't hide its content — anyone can read it the same way you did, so never encode passwords or private data in one.

이 도구에 대한 아티클: QR 코드: 픽셀로 된 정사각형 안에 링크가 들어가는 방식

자주 묻는 질문

오류 수정 수준(L/M/Q/H)은 무엇을 변경하나요?

약 30%인 H까지의 더 높은 수준은 일부가 손상되거나 가려져도 QR 코드를 읽을 수 있게 유지하지만, 특정 크기에 맞는 데이터 양도 줄입니다 — 약 7%인 L은 가장 많은 데이터를 담을 수 있지만 손상을 가장 적게 견딥니다.

왜 제 QR 코드 이미지를 읽을 수 없나요?

읽기는 jsqr 라이브러리를 사용해 이미지를 로컬에서 디코딩합니다. 흐릿하거나 각진 사진, 반사가 심한 사진에서는 실패할 수 있으므로 대비가 좋은 선명하고 정면 촬영이 가장 잘 작동합니다.

제 데이터나 이미지가 어딘가에 업로드되나요?

아니요, QR 코드 생성과 읽기 모두 JavaScript 라이브러리를 사용해 브라우저 내에서 완전히 이루어집니다 — 기기를 벗어나는 것은 없습니다.

QR 코드에 담을 수 있는 데이터양이 왜 콘텐츠 유형에 따라 달라지나요?

QR 코드는 숫자형, 영숫자형, 바이트형이라는 여러 인코딩 모드를 지원하며, 각각 문자당 사용하는 비트 수가 다릅니다. 숫자형 모드(숫자만)가 가장 압축률이 높고, 임의의 텍스트(예: 비라틴 문자)를 위한 바이트형 모드는 가장 많은 공간을 차지하므로 같은 크기의 코드에 더 적은 문자가 들어갑니다.

QR 코드가 담을 수 있는 최대 문자 수는 얼마인가요?

코드의 버전과 오류 정정 수준에 따라 달라집니다 — 가장 큰 버전(40)에 가장 낮은 정정 수준 L을 적용하면 최대 7089자리 숫자 또는 4296개의 영숫자를 담을 수 있지만, 실제로는 안정적인 스캔을 위해 수백 자를 넘기는 경우가 드뭅니다.

아티클: 웹 개발

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

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

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

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

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

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

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

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

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

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

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

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

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

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

바코드: Code 128이 EAN-13과 다른 점

매장 진열대 위 제품이 거의 항상 Code 128 대신 EAN-13을 사용하는 이유.

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

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