IRONBARCODE 사용

ASP.NET MVC에서 바코드를 동적으로 생성하고 표시하는 방법

Curtis Chau
Curtis Chau
Updated: 2026년 6월 28일

ASP.NET MVC는 강력하고 동적인 웹 애플리케이션을 구축할 수 있는 인기 있는 웹 개발 프레임워크입니다. 웹 애플리케이션에서 흔히 요구되는 것은 바코드 이미지를 생성하고 표시하는 기능입니다. 바코드 이미지는 데이터를 기계 판독 가능한 형식으로 표현하며 바코드 스캐너로 읽을 수 있습니다.

ASP.NET MVC에서 바코드 이미지를 동적으로 생성하고 표시하는 것은 시장을 선도하는 C# 라이브러리인 IronBarcode 사용하면 가능합니다. 이 라이브러리는 개발자들이 Code 39, Code 128, QR 코드와 같은 다양한 형식으로 여러 플랫폼에서 쉽게 바코드 이미지를 생성할 수 있는 API를 제공합니다. IronBarcode는 .NET 6부터 Windows에 특화된 System.Drawing.Common 및 .NET 그래픽 API에 의존하지 않고 크로스 플랫폼 기능을 허용하며 더 많은 소스 호환성을 제공합니다.

IronBarcode

IronBarcode는 .NET 응용 프로그램에서 바코드 이미지를 생성, 읽기 및 조작하는 다양한 기능을 제공하는 인기 있는 .NET 바코드 라이브러리입니다. 이 라이브러리는 .NET 구성 요소 및 라이브러리에 특화된 소프트웨어 개발 회사인 Iron Software에 의해 개발 및 관리되고 있습니다. IronBarcode는 Code 128, Code 39, QR 코드, 데이터 매트릭스 및 PDF417을 포함한 다양한 바코드 형식을 지원합니다. 또한 사용자 정의 차원, 색상, 글꼴로 바코드를 생성하고 바코드 이미지에 텍스트 및 로고를 추가하는 기능도 제공합니다.

바코드 생성 외에도, IronBarcode는 바코드 이미지를 읽고 디코딩하는 기능을 포함하고 있습니다. 이 라이브러리는 이미지, PDF 문서 및 실시간 카메라 피드에서 바코드를 읽고 디코딩할 수 있습니다. 1D 및 2D 바코드 포맷 모두를 지원하며, 심지어 부분적으로 가려지거나 손상된 바코드도 인식할 수 있습니다.

필수 조건

IronBarcode을 .NET 애플리케이션에서 사용하기 전에 몇 가지 선행 조건이 충족되어야 합니다.

  1. .NET Framework 또는 .NET Core: IronBarcode는 .NET Framework 및 .NET Core 모두에서 작동하도록 설계되었습니다. 개발 환경에 적절한 .NET 버전이 설치되어 있는지 확인하세요.
  2. Visual Studio: IronBarcode는 개발과 테스트를 쉽게 하기 위해 Visual Studio와 통합될 수 있습니다. Visual Studio Community, Professional 또는 Enterprise 에디션을 사용할 수 있습니다. Visual Studio 웹사이트에서 다운로드할 수 있습니다.
  3. IronBarcode 라이브러리: Iron Software 웹사이트에서 또는 NuGet 패키지 관리자를 통해 IronBarcode 라이브러리를 다운로드하고 설치하세요. 라이브러리는 다음 명령을 실행하여 NuGet 패키지 관리자 콘솔을 통해 설치할 수 있습니다: Install-Package BarCode.

IronBarcode는 개발 목적으로는 무료지만, 상업적 및 배포 목적으로는 라이센스를 받아야 합니다. 무료 체험판을 통해 모든 기능을 테스트할 수 있습니다.

새 ASP.NET MVC 프로젝트 만들기

Visual Studio를 열고 새 프로젝트 만들기를 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 1

새 창에서 'ASP.NET MVC (Web App) Model View Controller'를 찾아 선택한 후 다음 버튼을 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 2

새 프로젝트의 이름과 위치를 입력하고 다음을 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 3

.NET 버전을 선택하고 다른 옵션은 그대로 두고 'Create'를 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 4

.NET 프로젝트가 생성되었습니다.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 5

IronBarcode 설치하기

1. NuGet 패키지 관리자 사용하기

이 옵션은 Visual Studio 내에서 사용할 수 있으며, IronBarcode 패키지를 솔루션에 직접 설치합니다. 도구로 이동하여 'NuGet 패키지 관리자'를 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 6

NuGet 패키지 관리자의 검색 상자를 사용하여 IronBarcode 라이브러리를 검색하세요. 사용 가능한 패키지 목록에서 IronBarcode 옵션을 선택하세요.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 7

2. Visual Studio 명령줄 사용하기

Visual Studio 메뉴에서 도구 > NuGet 패키지 관리자 > 패키지 관리자 콘솔로 이동하세요.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 8

패키지 관리자 콘솔 탭에 다음 줄을 입력하십시오: Install-Package BarCode.

패키지는 현재 프로젝트에 다운로드/설치되어 사용 준비가 완료됩니다.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 9

IronBarcode를 사용하여 바코드 이미지 생성 및 표시하기

이제 환경이 설정되었으므로 ASP.NET MVC에서 바코드 이미지를 동적으로 생성하는 코드를 작성하는 방법을 시작할 수 있습니다.

먼저 모델 폴더에 GenerateBarcodeModel.cs이라는 클래스를 만듭니다

using System.ComponentModel.DataAnnotations;

namespace GenerateBarcodeMVCCore6_Demo.Models
{
    public class GenerateBarcodeModel
    {
        [Display(Name = "Enter Barcode Text")]
        public string Barcode { get; set; }
    }
}

wwwroot 폴더 아래에 "GeneratedBarcode"라는 폴더를 만들어 생성된 바코드 이미지를 저장합니다.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 10

"controllers" 폴더의 HomeController.cs 클래스에 다음 액션 메소드를 추가합니다.

using Microsoft.AspNetCore.Mvc;
using IronBarCode;
using System;
using System.Drawing;
using System.IO;

namespace YourNamespace.Controllers
{
    public class HomeController : Controller
    {
        private readonly IWebHostEnvironment _environment;

        public HomeController(IWebHostEnvironment environment)
        {
            _environment = environment;
        }

        public IActionResult CreateBarcode()
        {
            return View();
        }

        // Handling POST operation inside this Action method
        [HttpPost]
        public IActionResult CreateBarcode(GenerateBarcodeModel generateBarcode)
        {
            try
            {
                // Create a barcode using the input text
                GeneratedBarcode barcode = BarcodeWriter.CreateBarcode(generateBarcode.Barcode, BarcodeWriterEncoding.Code128);

                // Adding annotation text to barcode
                barcode.AddBarcodeValueTextBelowBarcode();

                // Styling the Barcode
                barcode.ResizeTo(400, 120);
                barcode.ChangeBarCodeColor(Color.Red);
                barcode.SetMargins(10);

                // Define path to save the barcode image
                string path = Path.Combine(_environment.WebRootPath, "GeneratedBarcode");
                if (!Directory.Exists(path))
                {
                    Directory.CreateDirectory(path);
                }

                // Save the generated barcode as a PNG file
                string filePath = Path.Combine(_environment.WebRootPath, "GeneratedBarcode/barcode.png");
                barcode.SaveAsPng(filePath);

                // Get the file name and URL for the generated barcode image
                string fileName = Path.GetFileName(filePath);
                string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedBarcode/{fileName}";
                ViewBag.QrCodeUri = imageUrl;
            }
            catch (Exception)
            {
                throw;
            }
            return View();
        }
    }
}

위 코드의 액션 메서드는 나중에 생성할 'View'에서 생성된 제출 요청을 처리합니다. IronBarcode를 사용하면 바코드 형식, 이미지 요소, 바코드 글꼴 및 HTML 이미지 요소를 사용자 지정할 수 있습니다. 바코드 폰트를 설치하기 위한 IronDrawing과 같은 추가 라이브러리가 더 필요한 사용자 정의에 필요할 수 있습니다. 더 자세한 API 문서는 여기에서 찾을 수 있습니다.

이제 바코드 생성기 메서드를 위한 'View'를 만들 수 있습니다.

HomeController.cs 파일에서 CreateBarcode 메소드를 마우스 오른쪽 버튼으로 클릭하고 보기 추가(Add View)를 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 11

Razor View를 선택하고 '추가'를 클릭하세요.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 12

아래 이미지에 표시된 매개 변수를 선택하고 'Add'를 클릭하세요. 해당 메서드에 대한 'View'가 자동으로 추가됩니다.

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 13

원하는 대로 인터페이스를 변경하기 위해 생성된 코드를 수정할 수 있습니다.

@model GenerateBarcodeMVCCore6_Demo.Models.GenerateBarcodeModel

@{
    ViewData["Title"] = "CreateBarcode";
}

<h1>CreateBarcode</h1>

<form asp-action="CreateBarcode" method="post">
    <div>
        <label asp-for="Barcode"></label>
        <input asp-for="Barcode" />
        <span asp-validation-for="Barcode"></span>
    </div>
    <button type="submit">Generate Barcode</button>
</form>

@if (ViewBag.QrCodeUri != null)
{
    <div>
        <img src="@ViewBag.QrCodeUri" alt="Barcode Image" />
    </div>
}

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}
Razor

이제 모든 설정이 완료되었습니다. _Layout.cshtml 파일을 열고 navbar에 CreateBarcode 옵션을 추가하는 코드를 추가하세요.

<li class="nav-item">
    <a class="nav-link text-dark" asp-controller="Home" asp-action="CreateBarcode">CreateBarcode</a>
</li>
HTML

이제 애플리케이션을 실행하고, 텍스트 필드에 텍스트를 입력한 후 'Generate barcode' 버튼을 클릭하면 바코드 이미지가 동적으로 생성되어 표시됩니다.

5.1. 출력

ASP.NET MVC에서 바코드를 동적으로 생성 및 표시하기: 그림 14

6. 결론

ASP.NET MVC 애플리케이션에서 바코드 이미지를 동적으로 생성하고 표시하는 것은 IronBarcode 라이브러리를 사용하여 가능하며, 이는 .NET 애플리케이션에서 바코드 이미지를 생성, 읽기 및 조작하기 위한 풍부한 기능을 제공합니다. .NET Framework, Visual Studio 및 IronBarcode 라이브러리를 설치하는 것과 같은 전제 조건을 충족함으로써 개발자는 쉽게 ASP.NET MVC 프로젝트를 생성하고 각종 형식의 바코드 이미지를 생성하고 표시할 수 있습니다. IronBarcode 라이브러리는 개발자에게 사용자 지정 치수, 색상 및 글꼴로 바코드를 생성하고, 바코드 이미지에 텍스트와 로고를 추가하는 기능을 제공합니다. 바코드 생성 외에도, IronBarcode는 바코드 이미지를 읽고 디코딩하는 기능을 포함하고 있습니다. IronBarcode를 사용하면 개발자는 쉽고 강력하며 사업 요구사항을 충족하는 동적 웹 애플리케이션을 만들 수 있습니다. 이 주제에 관한 관련 튜토리얼은 다음 링크를 방문하세요. 바코드 및 QR 코드 생성에 대한 단계별 튜토리얼은 다음 링크를 참조하세요.

커티스 차우는 칼턴 대학교에서 컴퓨터 과학 학사 학위를 취득했으며, Node.js, TypeScript, JavaScript, React를 전문으로 하는 프론트엔드 개발자입니다. 직관적이고 미적으로 뛰어난 사용자 인터페이스를 만드는 데 열정을 가진 그는 최신 프레임워크를 활용하고, 잘 구성되고 시각적으로 매력적인 매뉴얼을 제작하는 것을 즐깁니다.

더 읽어보기

관련 기사