QR 편집기 온라인

코드

내보내기

QR 코드 읽기

카메라를 시작하는 중…

카메라 영상은 브라우저 안에서만 읽히며, 아무것도 녹화되거나 전송되지 않습니다.

내 문서

문서를 클릭하면 열립니다. 문서는 이 브라우저에만 저장되며 아무것도 업로드되지 않습니다. 브라우저의 사이트 데이터를 지우면 함께 삭제되므로 보관할 문서는 다운로드하세요.

AI 도우미

어떤 AI와도 함께 작업할 수 있습니다 - ChatGPT, Claude, Gemini, Copilot.

  1. 프롬프트 복사를 클릭하세요.
  2. AI에 붙여 넣고 코드에 담을 내용이나 원하는 모양을 말하세요.
AI가 할 일

QR 문서는 링크의 “#” 뒤에 담겨 전달되며, 어떤 서버도 볼 수 없습니다. AI에 붙여 넣은 내용은 해당 제공업체가 처리합니다.

내 서버에 저장

편집기는 저장한 버전을 매번 내 서버(웹훅)로 보낼 수 있어, 작업을 원하는 곳에 보관할 수 있습니다. 여기에 주소를 입력하기 전에는 아무것도 전송되지 않습니다.

서버가 받는 내용

JSON이 담긴 POST 요청 (서버는 https://qr.giit.ch의 CORS를 허용해야 합니다):

{ "editor": "qr", "event": "save", "id": "…", "name": "Guest WiFi",
  "content": "color: #1d2b53\n---\nWIFI:T:WPA;S:Guest;P:sunny-day-42;;",
  "updated": "2026-01-15T09:30:00.000Z" }
편집기를 내 웹사이트에 삽입
<iframe src="https://qr.giit.ch/?embed=1" allow="clipboard-write; camera" style="width:100%;height:80vh;border:0"></iframe>
<script>
const frame = document.querySelector('iframe');
addEventListener('message', e => {
  if (e.origin !== 'https://qr.giit.ch' || e.source !== frame.contentWindow) return;
  if (e.data.type === 'qreditor:ready')
    frame.contentWindow.postMessage({ type: 'qreditor:load', name: 'Shop',
      content: 'https://example.com/shop' }, 'https://qr.giit.ch');
  if (e.data.type === 'qreditor:save') saveOnYourServer(e.data.content);
});
</script>

그 밖에: ?src=<URL of a .qr file>는 파일을 열고, &webhook=<URL>은 이 문서를 그곳에 저장합니다. 편집기는 별도의 창에서도 열 수 있으며(?embed=window), 페이지가 자체 AI 프롬프트와 세션 키를 넘겨 AI가 결과를 내 서버로 보내게 할 수도 있습니다(qreditor:ai, qreditor:key-request). 편집기 아래의 "내 웹사이트에서 편집기 사용"을 참고하세요. 자세한 내용은 llms.txt에 있습니다.

도움말

사용 방법

  1. 새로 만들기나 내용 탭에서 코드에 담을 것을 고르세요: 링크, Wi-Fi, 연락처, 일정, 결제 … 양식은 휴대폰이 읽는 형식으로 내용을 씁니다.
  2. 디자인 탭에서 디자인하세요: 색과 그라데이션, 모듈과 세 눈의 모양, 로고, 캡션, 테두리.
  3. 왼쪽의 코드가 QR 문서 전체입니다: 디자인 줄 key: value, --- 줄, 그다음 코드에 들어가는 그대로의 내용. 그곳에 직접 입력할 수도 있으며, 모든 변경은 한 단계씩 실행 취소할 수 있습니다.
  4. 검사: 변경할 때마다 편집기가 코드를 보통, 작게, 흐리게 세 가지로 다시 읽습니다. 코드 위의 배지가 스캔 여부를 알려 주고, 검사 탭은 대비, 여백, 오류 정정 대비 로고 크기, 인쇄 크기를 보여 줍니다.
  5. 코드 아래의 캡션을 클릭하면 그 자리에서 바꿀 수 있습니다.
  6. 내보내기는 SVG, PDF, EPS(인쇄용 벡터), 원하는 크기의 PNG, JPEG, WebP를 만들고, 표로 여러 코드를 한 번에 만듭니다: 내용에 {{column}}을 쓰고 표를 붙여 넣은 뒤 ZIP이나 PDF 하나를 다운로드하세요.
  7. 코드 읽기: 이미지를 열거나 끌어 놓거나 붙여 넣고, 카메라를 쓰려면 스캔을 클릭하세요. 내용은 새 문서가 됩니다.

단축키

Ctrl + Z / Y
실행 취소 / 다시 실행
Ctrl + S
저장 (SVG 다운로드 또는 내 서버에 저장)
Ctrl + E
내보내기
Ctrl + O
내 문서
Ctrl + V
QR 코드 이미지를 붙여 넣어 읽기
Alt + Z
코드의 긴 줄 줄바꿈

만료되지 않는 무료 QR 코드 - 디자인하고, 검사하고, 안전하게

QR 편집기는 링크, Wi-Fi, 연락처, 일정, 이메일, 문자 메시지, 장소, 결제를 위한 QR 코드를 만듭니다. 색, 그라데이션, 모양, 로고, 캡션으로 디자인할 수 있고, 인쇄하기 전에 편집기가 모든 코드를 다시 읽어 스캔되는지 확인합니다. 인쇄용 SVG, PDF, EPS나 원하는 크기의 PNG로 내보낼 수 있습니다.

코드는 정적입니다. 내용이 코드 자체에 들어 있어, 체험 기간이 끝나면 작동을 멈추는 리디렉션 뒤에 있지 않습니다. 가입도 광고도 스캔 횟수 제한도 없으며, 모든 작업이 브라우저 안에서 이루어집니다. 입력하거나 스캔한 내용은 업로드되지 않습니다.

QR 편집기로 할 수 있는 일

12가지 내용

링크, 텍스트, Wi-Fi(WPA, WEP, 개방형, 숨겨진 네트워크), vCard나 MeCard 형식의 연락처, 이메일, 문자, 전화, 위치, 캘린더 일정, 비트코인과 이더리움, SEPA 결제(EPC GiroCode), 스위스 QR 청구서. 모두 입력 양식과 검사를 갖추고 있습니다.

디자인

색, 선형 및 방사형 그라데이션, 투명 배경, 모듈 모양 7가지, 눈 테두리 4가지와 눈 가운데 5가지(별도 색 가능), 내장 기호나 내 이미지로 만든 로고, 캡션과 테두리.

스캔으로 검사

모든 코드를 브라우저 안에서 보통, 작게, 흐리게 다시 읽습니다. 대비, 여백, 오류 정정 대비 로고 크기를 검사하고, 스캔 거리에서 인쇄 크기를 계산합니다.

인쇄와 웹용 내보내기

SVG, PDF, EPS는 그라데이션과 로고가 있는 벡터로, PNG는 dpi가 기록된 최대 8192픽셀로, JPEG와 WebP도 지원합니다. 무료이며 가입이 필요 없습니다.

여러 코드를 한 번에

내용에 {{url}} 같은 자리표시자를 쓰고 표를 붙여 넣으면 SVG나 PNG 파일이 담긴 ZIP, 또는 페이지마다 코드가 하나씩 있는 PDF를 다운로드할 수 있습니다.

QR 코드 읽기

이미지를 열거나 끌어 놓거나 붙여 넣고, 카메라로 스캔할 수도 있습니다. 어두운 배경의 밝은 코드도 읽습니다. 내용은 바꿀 수 있는 코드가 됩니다.

왜 정적 코드인가

많은 "무료" QR 생성기는 동적 코드를 만듭니다. 코드에는 그 회사 서버로 가는 짧은 링크가 들어 있고, 서버가 내 주소로 넘겨 줍니다. 체험 기간이 끝나거나 스캔 횟수 한도에 이르면 전달을 끊거나 광고부터 보여 주어, 인쇄한 코드가 모두 작동하지 않게 됩니다. 정적 코드는 주소, Wi-Fi 비밀번호, 연락처 자체를 담고 있어 중간에 아무도 없이 계속 작동합니다. QR 편집기는 정적 코드만 만들며, 내용이 단축 URL이면 경고합니다.

사용 방법

  1. 고르기 - "새로 만들기"에서 코드 종류를 고르고 양식을 채우거나, 내용을 직접 입력하세요.
  2. 디자인과 검사 - 색, 모양, 로고, 캡션을 바꾸세요. 코드 위의 배지가 아직 스캔되는지 보여 줍니다.
  3. 내보내기 - SVG, PDF, EPS, PNG를 다운로드하거나 표로 여러 코드를 만드세요.

내 웹사이트에서 편집기 사용

모든 https 페이지(와 localhost)는 <iframe>과 ?embed=1로 편집기를 삽입할 수 있습니다. 가입도 키도 필요 없습니다. 삽입되면 편집기는 이 설명을 숨기고 저장 버튼을 보여 줍니다. 사용자가 그 안에서 코드를 스캔하게 하려면 iframe의 allow에 camera를 추가하세요.

1. 링크로 파일을 열고 내 서버에 저장

src=는 .qr 파일을 열고(서버가 CORS를 허용해야 합니다), webhook=을 쓰면 "저장"(Ctrl+S)이 QR 문서를 그 주소로 보냅니다. &auto를 붙이면 변경할 때마다 저장합니다.

<iframe src="https://qr.giit.ch/?embed=1&src=https://your-site.com/codes/shop.qr&webhook=https://your-site.com/save.php"
        allow="clipboard-write; camera" style="width:100%;height:800px;border:0"></iframe>

웹훅은 JSON이 담긴 POST { editor: "qr", event: "save", id, name, content, updated }를 받습니다. content는 QR 문서(디자인 줄, ---, 내용)입니다.

2. 내 페이지가 문서를 보관 (postMessage)

편집기가 qreditor:ready를 보내면 페이지가 qreditor:load로 답하고, 편집기는 qreditor:loaded를, 실제로 편집되면 qreditor:change를, 사용자가 저장하면 qreditor:save를 알립니다. 페이지는 qreditor:get(현재 상태)이나 qreditor:save(저장 누르기)를 보낼 수 있습니다. 디자인 줄 없이 내용만 있어도 유효한 문서입니다.

<iframe id="ed" src="https://qr.giit.ch/?embed=1" allow="clipboard-write; camera" style="width:100%;height:800px;border:0"></iframe>
<script>
const ed = document.getElementById('ed');
const ORIGIN = 'https://qr.giit.ch';
addEventListener('message', e => {
  if (e.source !== ed.contentWindow || e.origin !== ORIGIN) return;
  const m = e.data;
  if (m.type === 'qreditor:ready')
    ed.contentWindow.postMessage({ type: 'qreditor:load', name: 'Table 12',
      content: 'color: #1d2b53\ncaption: Table 12\n---\nhttps://example.com/menu?table=12' }, ORIGIN);
  if (m.type === 'qreditor:save') saveOnYourServer(m.name, m.content);
});
</script>

3. 별도의 창에서, 그리고 내 서버를 통한 AI

window.open("https://qr.giit.ch/?embed=window", "qreditor-17")은 전체 편집기를 별도의 창에서 열며 같은 메시지를 씁니다. 페이지는 편집기에 자체 AI 프롬프트, 내 사이트의 https 주소, 이 편집기 세션용 키 하나를 넘길 수도 있습니다(qreditor:load 안의 ai: { label, prompt, endpoint, key }, 또는 qreditor:ai). 그러면 AI가 결과를 그곳으로 보냅니다. 편집기는 키를 직접 보내지 않으며 저장하지도 않습니다.

코드를 읽기 전용으로 표시 (뷰어)

?viewer=1은 완성된 코드만 다운로드, 내보내기와 함께 보여 줍니다. 아무것도 바꿀 수 없고 아무것도 저장되지 않습니다. 문서는 링크(#b64=, #qr=, ?src=), 페이지가 보낸 qreditor:load, 또는 post.php로의 POST(필드 content나 b64, 선택적으로 name)에서 받습니다.

전체 프로토콜은 llms.txt에 있습니다. 다른 giit 편집기도 각자의 접두사로 같은 방식으로 작동합니다 - editors.giit.ch.

자주 묻는 질문

QR 코드가 만료되나요?

아니요. QR 편집기는 정적 코드를 만듭니다. 링크, Wi-Fi 비밀번호, 연락처가 코드 자체에 들어 있으며, 저희 서버의 리디렉션 뒤에 있지 않습니다. 내용이 유효한 한 계정, 구독, 스캔 횟수 제한 없이 작동합니다.

정말 무료인가요?

네. 모든 내용 유형, 모든 디자인 옵션, SVG, PDF, EPS 내보내기, 스캔 검사, 표로 여러 코드 만들기가 가입, 광고, 워터마크 없이 무료입니다.

내 데이터가 서버로 전송되나요?

아니요. 코드는 브라우저 안에서 만들고, 검사하고, 내보냅니다. 스캔하는 이미지와 카메라 영상도 브라우저 안에서 읽히며 업로드되지 않습니다.

로고를 넣은 QR 코드도 스캔되나요?

편집기가 알려 줍니다. 로고가 가리는 부분을 오류 정정이 복구할 수 있는 범위와 비교하고, 완성된 코드를 보통, 작게, 흐리게 다시 읽습니다. 안정적으로 스캔되지 않으면 인쇄하기 전에 알 수 있습니다.

인쇄에는 어떤 파일 형식을 써야 하나요?

SVG, PDF, EPS입니다. 벡터라서 그라데이션과 로고를 포함해 어떤 크기에서도 선명합니다. 이미지가 필요하면 크기를 밀리미터로 정한 300 dpi PNG를 쓰세요.

스위스 QR 청구서나 SEPA 결제 코드를 만들 수 있나요?

네. 양식이 IBAN, QR-IBAN과 그 QR 참조 번호, 채권자 참조 번호(RF), 모든 항목의 길이를 검사합니다. 스위스 QR 청구서는 표준에 따라 스위스 십자와 오류 정정 M으로 그려집니다.

QR 코드를 읽을 수 있나요?

네. 이미지를 열거나 끌어 놓거나 붙여 넣고, "스캔"으로 카메라를 쓸 수도 있습니다. 내용은 바꿀 수 있는 새 코드가 됩니다.

인쇄할 QR 코드는 얼마나 커야 하나요?

스캔 거리의 약 10분의 1입니다. 20 cm면 2 cm, 1미터면 10 cm. "검사" 탭이 이를 계산하고, 모듈 하나가 0.4 mm보다 작아지면 경고합니다.