백엔드 없는 바코드 생성
바코드를 위해 API를 사용하지 마세요. 서버가 필요 없습니다. 호출 제한(rate limits) 걱정도 없습니다. JsBarcode가 클라이언트 측에서 모든 작업을 처리합니다.
인쇄용으로는 SVG를 사용하세요. Canvas 이미지는 인쇄 시 흐릿해집니다. 흐릿한 가장자리는 스캐너 인식을 방해합니다. SVG는 어떤 크기에서도 선명함을 유지합니다.
형식을 선택하세요:
- Code 128: 내부 SKU 및 자산 태그용으로 사용하세요.
- EAN-13: 12자리를 입력하세요. JsBarcode가 체크 디지트(check digit)를 추가합니다.
- UPC-A: 11자리를 입력하세요. JsBarcode가 체크 디지트(check digit)를 추가합니다.
더 나은 스캔을 위한 팁:
- 10px 이상의 여백을 사용하세요.
- 스캐너가 코드를 읽으려면 여백(white space)이 필요합니다.
- 저해상도 프린터의 경우 너비(width)를 3 또는 4로 설정하세요.
PNG 파일이 필요한가요? 숨겨진 canvas에 바코드를 렌더링합니다. canvas를 data URL로 변환합니다. 사용자는 canvas를 보지 않고도 파일을 받을 수 있습니다.
개인정보 보호 측면에서도 유리합니다. 데이터가 브라우저 내에 머뭅니다. 민감한 SKU 정보가 페이지를 벗어나지 않습니다.
출처: https://dev.to/jvancedev/rendering-scannable-barcodes-in-the-browser-with-jsbarcode-no-backend-3j28