블로그

더 좋아진 대량 QR 코드 생성기: 안정적인 내보내기와 로고 실시간 반영

대량 QR 코드 생성 과정을 개선했습니다. 미리보기가 안정적으로 표시되고, ZIP 파일에 빈 파일이 들어가지 않으며, 페이지 안에서 SVG·PNG·JPG를 고를 수 있고, 디자인을 바꾸면 전체 코드에 즉시 반영됩니다.

제품 업데이트대량 QR 코드로고

업데이트(2026년 11월): 이후 대량 생성기가 새롭게 디자인되었습니다. 이제는 생성 버튼 없이 입력하는 즉시 QR 코드가 만들어지고, 기본 형식은 PNG이며, 「모두 다운로드(.zip)」로 전체를 한 번에 저장할 수 있습니다. 현재 사용 방법은 대량 QR 코드 생성기에서 확인하세요.

오늘 무료 대량 QR 코드 생성기를 집중적으로 개선한 업데이트를 배포했습니다. 목표는 간단했습니다. QR 코드를 수십, 수백 개씩 만들 때도 모든 미리보기와 디자인 설정, 다운로드한 파일을 믿고 쓸 수 있어야 한다는 것입니다.

이번 업데이트는 기존 대량 생성 과정의 심각한 문제 두 가지를 해결하고, 디자인 맞춤 설정도 훨씬 쉽게 만들었습니다. 생성한 코드가 결과 표에 안정적으로 표시되고, ZIP 안의 SVG 파일에 실제 데이터가 담기며, 대량 생성 페이지에서 바로 파일 형식을 고를 수 있습니다. 로고 선택 기능도 새로 만들어, 선택한 이미지가 그대로 모든 QR 코드에 들어갑니다.

안정적인 미리보기와 ZIP 파일

이전에는 대량 QR 코드 생성을 눌러도 결과 표가 비어 있는 경우가 있었습니다. ZIP 파일은 다운로드되더라도 그 안의 SVG 파일이 0바이트일 수 있었습니다. 이 조합은 특히 혼란스러웠습니다. 화면에서는 요청이 처리된 것처럼 보였지만, 정작 확인하거나 인쇄할 수 있는 결과물은 없었기 때문입니다.

이제 대량 생성기는 모든 QR 코드를 하나의 공유 데이터 모델에서 만듭니다. 미리보기 표와 ZIP 내보내기 기능이 같은 데이터를 참조하므로, 화면과 다운로드한 파일의 내용이 어긋나던 타이밍 문제가 사라졌습니다.

내보내는 이미지 데이터를 검증하는 단계도 추가했습니다. 올바르지 않거나 비어 있는 이미지가 아무런 경고 없이 압축 파일에 들어가는 일은 더 이상 없습니다. 같은 입력값이 여러 번 나와도 서로 덮어쓰지 않도록 파일 이름에 번호를 붙이며, 함께 들어 있는 content.csv 목록은 이전처럼 원본의 각 줄을 해당 이미지와 연결해 줍니다.

페이지를 벗어나지 않고 SVG, PNG, JPG 선택

기존에는 다운로드 형식을 바꾸려면 기본 생성기 페이지로 돌아가야 했습니다. 대량 작업에는 맞지 않는 방식이었습니다.

이제 대량 생성 페이지의 결과 위쪽에서 형식을 바로 선택할 수 있습니다.

  • SVG는 인쇄물, 라벨, 크기를 조절해야 할 수 있는 레이아웃에 가장 알맞은 기본 형식입니다.
  • PNG는 프레젠테이션, 문서, 래스터 이미지가 필요한 도구에서 쓰기 편리합니다.
  • JPG는 일반적인 사진 형식만 받는 시스템에서 사용할 수 있습니다.

선택한 형식은 ZIP 안의 모든 이미지에 적용됩니다. 형식을 바꿔도 QR 코드의 내용과 디자인 설정은 그대로 유지됩니다.

선택한 로고가 그대로 적용됩니다

기존 로고 선택 창은 두 가지 상태를 따로 관리했습니다. 하나는 선택 표시가 된 버튼을, 다른 하나는 실제 QR 코드 설정을 담당했습니다. 그래서 로고가 선택된 것처럼 보여도 생성기에는 전달되지 않은 경우가 있었습니다. 이미지 변환에 실패하면 선택 창이 멈춘 채로 남기도 했습니다.

이제 로고 선택 창은 하나의 상태만을 기준으로 삼아 즉시 반영합니다. Twitter, YouTube 등 기본 제공 로고를 고르면 곧바로 적용됩니다. 업로드한 이미지도 브라우저가 파일을 읽은 뒤에는 같은 방식으로 처리됩니다.

또한 기본 제공 로고 파일을 생성된 SVG 안에 이미지 데이터로 직접 넣도록 바꿨습니다. QR 코드 자체가 SVG data URL 형태로 표시되고 다운로드되기 때문에 중요한 변화입니다. 이 파일 안에서는 /logo/twitter.svg 같은 상대 경로가 가리킬 기준 위치가 분명하지 않습니다. 이미지를 직접 포함하면 SVG 파일 하나만으로 완결되어 어디서든 그대로 쓸 수 있습니다.

생성한 뒤에도 디자인 변경

대량으로 만든 코드는 확정하기 전에 검토하는 경우가 많습니다. 100개를 만든 뒤 다른 로고가 더 잘 어울린다는 것을 알게 되어 결과를 비교해 보고 싶을 수도 있습니다. 그럴 때마다 버튼을 다시 눌러야 하고 이전 결과와 새 결과가 어긋날 위험까지 감수해야 한다면 불필요한 번거로움이 생깁니다.

이제는 코드를 생성한 뒤 로고, 전경색, 배경, 투명 배경, 프레임, 이미지 크기를 바꾸면 기존 결과가 자동으로 다시 만들어집니다. 입력한 목록은 그대로 유지되며, 화면에 보이는 모든 QR 코드가 함께 업데이트됩니다.

놓치기 쉬운 경쟁 상태(race condition) 문제도 막았습니다. 이전 생성 작업이 아직 진행 중일 때 디자인을 바꾸면, 이전 작업의 비동기 결과는 최신 선택을 덮어쓰지 않고 버려집니다.

더 간단해진 대량 생성 과정

개선된 과정은 다음과 같습니다.

  1. 한 줄에 URL이나 텍스트를 하나씩 붙여넣습니다.
  2. 크기, 색상, 배경, 로고, 프레임을 설정합니다.
  3. 대량 QR 코드 생성을 한 번 누릅니다.
  4. 결과 표에서 전체 코드를 확인합니다.
  5. 필요하면 디자인을 조정합니다. 결과는 자동으로 업데이트됩니다.
  6. SVG, PNG, JPG 중 형식을 고르고 ZIP 파일을 다운로드합니다.

모든 작업은 브라우저 안에서 이루어집니다. 붙여넣은 목록과 생성한 QR 코드는 저희 서버로 업로드되지 않습니다. 정적 QR 코드이므로 내용이 이미지에 직접 저장되며, 계정이나 외부 리디렉션 서비스에 의존하지 않습니다.

이번 업데이트를 검증한 방법

미리 로고를 선택한 상태에서의 생성, 로고 변경 시 기존 결과 업데이트, 오래된 비동기 결과 거부, 기본 제공 이미지 삽입, 비어 있지 않은 압축 파일 생성을 확인하는 자동 테스트를 추가했습니다. 또한 브라우저에서 전체 과정을 직접 테스트하고, 다운로드한 SVG 파일을 열어 선택한 로고 데이터가 실제로 들어 있는지 확인했습니다.

이 글은 새로 시작하는 제품 블로그의 첫 번째 글입니다. 앞으로도 의미 있는 개선 사항과 QR 코드를 활용할 때 실제로 도움이 되는 판단 기준을 같은 원칙에 따라 소개하겠습니다. 동작은 명확하게, 결과물은 어디서든 쓸 수 있게, 그리고 통제권은 사용자에게 두는 것입니다.

다른 글