# QRFrame - 자바스크립트로 아름다운 QR 코드 생성하기

> Clean Markdown view of GeekNews topic #17024. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=17024](https://news.hada.io/topic?id=17024)
- GeekNews Markdown: [https://news.hada.io/topic/17024.md](https://news.hada.io/topic/17024.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2024-10-02T06:51:02+09:00
- Updated: 2024-10-02T06:51:02+09:00
- Original source: [github.com/zhengkyl](https://github.com/zhengkyl/qrframe)
- Points: 11
- Comments: 1

## Summary

QR 코드를 다양한 색상과 이미지로 커스터마이징하여 생성할 수 있는 오픈소스 도구입니다. 설치 없이 브라우저에서 직접 실행 가능하고, SVG와 PNG 형식을 지원하여 다양한 외형과 데이터를 쉽게 커스터마이징할 수 있습니다.

## Topic Body

- 다양한 색상 및 이미지를 포함한 QR 코드를 생성해주는 오픈소스   
- 데이터 커스터마이징 : 인코딩 모드, 버전, 마스크 패턴 등   
  - Rust 라이브러리 `fuqr`를 WASM으로 가져와 사용   
- 프리셋에서 생성하거나 커스터마이징 또는 코드 에디터로 처음부터 작업가능   
- SVG 와 PNG 지원   
- 코드에서 임의의 UI 매개변수 정의 가능   
- 모든 코드는 브라우저에서 웹워커로 동작하며 별도 제한 없음   
  - 무한 루프를 막기 위한 5초 타임아웃 외에는 샌드박스, 화이트리스트, 블랙리스트가 없음   
  - 생성된 SVG는 Sanitized 되지 않음. 이는 불가능한 작업이며, 이를 시도하면 멀쩡한 SVG가 손상되고 디버깅이 더 어려워지며 변경 사항을 미리 볼 때 지연 시간이 늘어남   
  
### GN⁺의 정리  
- 이 프로젝트는 QR 코드를 커스터마이징하고 생성하는 데 유용함. 특히 Rust 라이브러리를 사용하여 성능을 높임  
- 브라우저 내에서 직접 실행되므로 설치가 필요 없고, 다양한 외형과 데이터를 쉽게 커스터마이징할 수 있음  
- SVG 정리 기능이 없으므로 악성 코드 실행 시에도 유출될 비밀이 없음  
- QR 코드 생성에 관심 있는 개발자에게 유용하며, 특히 웹 기반 프로젝트에 적합함

## Comments



### Comment 29578

- Author: neo
- Created: 2024-10-02T06:51:03+09:00
- Points: 1

###### [Hacker News 의견](https://news.ycombinator.com/item?id=41701644) 
- generative AI와 ControlNet을 사용한 QR 코드 생성이 더 인상적임
- 클래식 zxing 스캐너로 21개 중 10개만 스캔 가능했으며, 일부는 카메라 각도와 거리 조정이 필요했음
- QR 코드는 물리적 세계에서 디지털 세계로 정보를 신뢰성 있게 전송하는 것이 목적임
  - DataGlyphs도 예쁘지만 평균적인 휴대폰으로는 스캔이 어려웠음
- 일부 QR 코드는 사람에게 즉시 인식되지 않음
  - 예술 작품에 QR 코드를 통합하는 흥미로운 가능성을 제시함
- 저자는 rust 기반의 QR 라이브러리도 보유하고 있음
- 대부분의 QR 코드를 스캔할 수 없었음
  - 창의적인 시도는 칭찬하지만 쉽게 스캔 가능한 QR 코드를 사용할 것을 권장함
- 독특한 스타일링이 매우 멋있음
  - malicious 사이트를 사용하던 아내를 위해 freeqrgenerator.app을 만들었음
  - 자신의 도메인에서 이 앱을 대신 사용할 생각임
- Veritasium 비디오를 본 사람 있는지 물어봄
- 흥미로운 디자인이 많았으며, 휴대폰이 스캔하는 데 어려움을 겪었음
- half-tone에 대해 더 알아볼 필요가 있음
  - 오류 허용 한계에서 작동하는 것으로 추정됨