푸터 콘텐츠로 바로가기
.NET 도움말

Blazor 하이브리드 앱 (개발자를 위한 작동 방식)

.NET MAUI Blazor 하이브리드 앱은 여러 플랫폼에서 네이티브로 실행되는 애플리케이션을 만들기 위해 .NET MAUI의 크로스 플랫폼 기능과 Blazor의 웹 개발 기술/능력을 결합합니다. 이 Blazor 하이브리드 접근 방식은 개발자에게 유연성, 생산성 및 애플리케이션으로 더 넓은 대중에게 다가갈 수 있는 능력을 제공합니다. 웹 개발자는 웹 UI 구성 요소를 사용하여 손쉽게 에뮬레이트된 모바일 장치 앱을 원활하게 생성할 수 있습니다. 이 글에서는 Visual Studio를 사용하여 간단한 .NET MAUI Blazor 하이브리드 앱을 구축하고, 나중에 Iron Software의 PDF 솔루션에서 IronPDF 라이브러리 개요를 살펴보아 PDF 문서를 생성하는 방법을 알아봅니다.

웹사이트에서 PDF를 생성하는 .NET MAUI Blazor 앱 만드는 방법

  1. Visual Studio에서 새 .NET MAUI Blazor 하이브리드 프로젝트를 생성합니다.
  2. 웹사이트 URL에서 PDF를 생성하기 위해 IronPDF 라이브러리를 추가합니다.
  3. IronPDF 라이브러리를 사용하여 PDF를 생성하는 코드를 추가합니다.

.NET MAUI Blazor 하이브리드 앱이란?

.NET MAUI Blazor 앱은 .NET Multi-platform App UI (MAUI)와 Blazor 기술을 사용하여 구축된 애플리케이션을 지칭합니다. 이 구성 요소들을 나눠서 살펴보겠습니다:

.NET MAUI (멀티 플랫폼 앱 UI)

.NET MAUI는 .NET 기술 및 C#을 사용하여 크로스 플랫폼 애플리케이션을 구축하기 위한 프레임워크입니다. 개발자들이 코드를 한 번 작성하여 Windows, macOS, iOS 모바일 앱 및 Android를 비롯하여 여러 플랫폼에 배포할 수 있도록 합니다. .NET MAUI는 다양한 플랫폼에서 애플리케이션을 개발할 수 있는 통합 API 표면과 단일 프로젝트 구조를 제공합니다. 현대적이고 반응성이 뛰어난 애플리케이션을 만들기 위해 컨트롤, 레이아웃 및 내비게이션 패턴을 포함하여 다양한 UI 구성 요소/요소를 지원합니다.

Blazor

Blazor는 C#을 사용하여 대화형 웹 개발 애플리케이션을 구축할 수 있는 Microsoft의 웹 프레임워크입니다. Blazor는 개발자가 브라우저 내에서 클라이언트 측뿐 아니라 서버 측에서도 실행되는 코드를 작성할 수 있게 합니다. Blazor 애플리케이션은 HTML 마크업과 C# 코드를 결합한 Razor 구문을 사용하여 개발할 수 있으며, .NET 라이브러리와 프레임워크의 강력함을 활용할 수 있습니다.

하이브리드 앱

하이브리드 앱은 네이티브 애플리케이션과 웹 애플리케이션의 요소를 결합합니다. .NET MAUI 및 Blazor의 맥락에서 하이브리드 앱은 일반적으로 (Windows, macOS, iOS 및 Android와 같은) 다양한 플랫폼에서 네이티브로 실행되면서 동시에 (UI 렌더링 및 비즈니스 로직을 위한 Blazor와 같은) 기술을 활용하는 애플리케이션을 지칭합니다. 이 접근 방식은 개발자가 .NET 및 C#에서의 기존 기술을 활용하여 크로스 플랫폼 애플리케이션을 구축할 수 있게 하며, 네이티브 기능과 웹 기술 모두를 활용할 수 있습니다.

.NET MAUI Blazor 하이브리드 앱의 기능

크로스 플랫폼 지원

한 번 MAUI Blazor 앱을 제작하여 다양한 디바이스에서 큰 수정 없이 배포할 수 있습니다. Blazor 앱은 Android 및 Apple 디바이스 모두에서 네이티브 앱처럼 작동합니다.

.NET MAUI는 Android, iOS, Windows 및 macOS를 망라하는 .NET 기술에서 크로스 플랫폼 앱을 만들기 위한 강력한 지원을 제공하도록 설계되었습니다. 이를 통해 개발자는 광범위한 장치에서 원활하게 실행되는 애플리케이션을 별다른 수정 없이 만들 수 있습니다. .NET MAUI로 개발된 Blazor 모바일 앱은 Android과 Apple 디바이스 모두에서 네이티브 앱처럼 작동할 것입니다.

코드 및 구성 요소 공유

.NET MAUI의 주요 장점 중 하나는 다양한 플랫폼 간의 코드 및 UI 구성 요소 공유 기능입니다. 이 기능은 개발 시간을 크게 단축시키고 각 플랫폼별 기능에 대한 코드를 다시 작성해야 할 필요성을 없애줍니다. 코드와 구성 요소를 공유함으로써 개발자는 개발 프로세스를 간소화하고 코드 유지 보수성을 향상시킬 수 있습니다.

네이티브 UI 컨트롤

.NET MAUI Blazor Hybrid 앱은 네이티브 UI 컨트롤을 활용하여 다양한 플랫폼에서 일관되고 친숙한 사용자 경험을 보장합니다. 이는 개발자가 모든 지원되는 장치에 걸쳐 통합된 외형과 느낌을 유지하면서 플랫폼별 UI 요소에 접근할 수 있게 합니다. 네이티브 UI 컨트롤이나 웹 UI 컴포넌트를 활용하여 개발자는 각 플랫폼에 네이티브처럼 느끼는 응용 프로그램을 만들면서 코드 재사용을 극대화할 수 있습니다.

Visual Studio와의 통합

Visual Studio는 .NET MAUI 개발에 대한 포괄적인 도구 지원을 제공하여 개발자에게 빌드, 디버그 및 애플리케이션 관리를 위한 풍부한 기능 세트를 제공합니다. Visual Studio를 통해 개발자는 IntelliSense, 디버깅 기능 및 프로젝트 관리 기능과 같은 친숙한 도구를 활용하여 개발 주기 전반에 걸쳐 생산성과 효율성을 향상시킬 수 있습니다.

성능 개선

.NET MAUI Blazor Hybrid 앱은 다른 일부 크로스 플랫폼 솔루션과 비교했을 때 성능이 향상됩니다. Blazor와 .NET MAUI의 통합은 코드의 효율적인 실행을 보장하여 반응성이 뛰어나고 성능이 우수한 응용 프로그램을 만듭니다. .NET 런타임과 네이티브 플랫폼 기능을 활용함으로써 개발자는 다양한 장치에서 부드럽고 유연한 사용자 경험을 제공하는 애플리케이션을 만들 수 있습니다.

핫 리로드 지원

.NET MAUI는 핫 리로드를 지원하여 개발자가 재컴파일이나 재배포 없이 개발 프로세스 중에 바로 변경 사항을 확인할 수 있도록 해줍니다. 이 기능은 개발 주기를 가속화하여 개발자가 빠르고 효율적으로 반복할 수 있게 해줍니다. 핫 리로드 지원을 통해 개발자는 애플리케이션에 실시간으로 조정을 가할 수 있어 개발 속도를 가속화하고 전체 생산성을 향상시킵니다.

.NET MAUI와 함께하는 Blazor Hybrid 앱의 장점

단일 코드베이스

.NET MAUI와 함께하는 Blazor Hybrid Apps는 개발자가 애플리케이션의 비즈니스 로직과 UI 요소를 C#과 Blazor를 사용하여 한 번만 작성할 수 있게 합니다. 이 단일 코드베이스는 특정 플랫폼별 조정 없이 여러 플랫폼에 배포될 수 있어 개발 복잡성과 노력을 줄입니다.

개발 시간 단축

코드와 구성 요소를 플랫폼 간에 공유함으로써 개발자는 개발에 소요되는 시간을 크게 줄일 수 있습니다. 한 곳에서 이루어진 변경은 모든 지원되는 플랫폼에서 반영되어 각 플랫폼에 대한 별도의 코드베이스를 작성하고 유지 관리할 필요성을 없앱니다. 이 간소화된 개발 프로세스는 시장 출시 시간을 단축하고 개발 비용을 줄입니다.

유지 보수 효율성

모든 플랫폼을 위한 단일 코드베이스로 유지 보수가 더 간단하고 효율적이게 됩니다. 버그 수정, 업데이트 및 향상을 모든 지원되는 플랫폼에 동일하게 적용할 수 있어 응용 프로그램 전체에서 일관성과 신뢰성을 보장합니다. 이는 유지 보수 과정을 간소화하고 다른 버전의 응용 프로그램에서 비일관성이나 오류가 발생할 위험을 줄입니다.

네이티브 API 액세스

웹 기술을 기반으로 하고 있음에도 불구하고, .NET MAUI와 함께하는 Blazor Hybrid Apps는 필요에 따라 네이티브 API에 액세스할 수 있는 기능을 유지합니다. 이는 개발자가 웹 기반 프레임워크의 기능과 각 플랫폼의 네이티브 기능 간의 다리를 제공하여 응용 프로그램 내에서 플랫폼별 기능과 기능을 원활하게 활용할 수 있게 합니다. Blazor의 강력함과 네이티브 API에 대한 액세스를 결합함으로써 개발자는 각 플랫폼의 고유한 요구 사항에 대응하는 기능이 풍부하고 다양한 애플리케이션을 만들 수 있습니다.

즉, .NET MAUI Blazor Hybrid 앱은 웹과 네이티브 기능을 무리 없이 조합하여 크로스 플랫폼 개발에 적합하고 효율적이며 유지 보수가 쉬운 앱을 제공합니다.

IronPDF 소개합니다

Iron PDF 라이브러리Iron Software의 PDF 솔루션에서 탐색하세요. 이는 PDF 문서를 생성, 수정, 읽을 수 있는 .NET 세계의 다재다능한 라이브러리입니다. IronPDF는 다양한 소스에서 PDF 문서를 생성, 편집 및 서명할 수 있는 다재다능한 크로스 플랫폼 라이브러리입니다. HTML, 이미지 또는 다른 문서 형식과 작업할 때, IronPDF는 PDF 처리에 대한 포괄적인 기능 세트를 제공합니다. IronPDF에 대한 몇 가지 주요 사항은 다음과 같습니다:

  1. HTML을 PDF로 변환:

IronPDF는 HTML 콘텐츠(CSS, 이미지 및 JavaScript 포함)를 PDF 문서로 변환할 수 있습니다. 웹 페이지, Razor 뷰(Blazor 서버), CSHTML(MVC), ASPX(WebForms), XAML(MAUI)를 PDF로 렌더링할 수 있습니다.

  1. 픽셀 완벽한 렌더링:

IronPDF는 콘텐츠의 시각적 충실도를 유지하여 정확한 렌더링을 보장합니다. UTF-8 문자 인코딩, 기본 URL, 자산 인코딩 및 TLS 웹사이트 로그인 지원을 제공합니다.

  1. 페이지 템플릿 및 설정:

헤더, 바닥글, 페이지 번호, 페이지 나눔을 추가하여 PDF를 맞춤 설정하세요. 반응형 레이아웃, 사용자 정의 용지 크기, 방향, 색상 옵션을 설정하세요.

  1. 편집 및 주석:

PDF 메타데이터를 편집, 문서를 서명 및 디지털 서명을 적용할 수 있습니다. PDF 내에서 페이지 병합, 분할, 추가, 복사 및 삭제. 주석 및 양식 필드를 추가합니다.

  1. 크로스 플랫폼 지원:

IronPDF는 다양한 플랫폼에서 작동합니다: .NET Core (8, 7, 6, 5 및 3.1 이상), .NET Standard (2.0 이상), .NET Framework (4.6.2 이상). Windows, Linux, 및 macOS와 호환됩니다.

1단계: Visual Studio에서 새 .NET MAUI Blazor Hybrid 프로젝트 생성

Visual Studio에서 새 프로젝트 생성을 선택하고 .NET MAUI Blazor Hybrid 앱 프로젝트 템플릿을 선택하여 아래처럼 시작합니다.

Blazor 하이브리드 앱(개발자를 위한 작동 방식): 그림 1 - .NET MAUI Blazor 하이브리드 앱 템플릿

프로젝트 이름과 위치 정보를 입력하십시오.

Blazor 하이브리드 앱(개발자를 위한 작동 방식): 그림 2 - 프로젝트 구성

필요한 .NET 버전을 선택하세요. 만들기를 클릭하십시오.

Blazor 하이브리드 앱(개발자를 위한 작동 방식): 그림 3 - 대상 프레임워크

2단계: 웹사이트 URL에서 PDF 생성하기 위해 IronPDF 라이브러리 추가

Visual Studio 패키지 관리자를 사용하여 아래와 같이 IronPDF 라이브러리를 설치할 수 있습니다.

Blazor 하이브리드 앱(개발자를 위한 작동 방식): 그림 4 - IronPDF

또한, NuGet Gallery에서 설치할 수 있습니다.

Blazor 하이브리드 앱(개발자를 위한 작동 방식): 그림 5 - NuGet 갤러리

dotnet add package IronPdf --version 2024.4.2

3단계: IronPDF를 사용하여 PDF 생성 코드 추가

사용자로부터의 URL 입력을 받아 PDF 문서를 생성하도록 기존 자동 생성 코드를 수정하기 위해 아래 코드를 홈 페이지에 추가합니다.

@page "/"
@using IronPdf

<h1>Welcome to PDF Generator from Website URL</h1>
<p>Enter the Website URL to Generate PDF</p>
<input type="text" @bind="InputValue" placeholder="Enter URL" />
<p>Click to Generate PDF</p>
<button class="btn btn-primary" @onclick="GeneratePdf">Generate</button>

@code {
    // This property is bound to the input field for the user to enter the website URL
    private string? InputValue { get; set; }

    // This method is invoked when the "Generate" button is clicked
    // It uses IronPdf to generate a PDF from the URL entered by the user
    private void GeneratePdf()
    {
        // Check if the input value is not null or empty
        if (!string.IsNullOrWhiteSpace(InputValue))
        {
            // Render the URL as a PDF document
            var pdfDocument = HtmlToPdf.StaticRenderUrlAsPdf(InputValue);

            // Save the rendered PDF document to the specified location on the disk
            pdfDocument.SaveAs("C:\\temp\\output.pdf");
        }
    }
}

코드 설명

여기서는 사용자로부터 텍스트 입력을 사용하여 입력을 받고 있습니다. PDF 생성을 트리거하는 버튼이 있습니다. HtmlToPdf.StaticRenderUrlAsPdf static 메서드는 PDF 문서를 생성하는 데 사용됩니다. PDF 생성을 진행하기 전에 입력이 null이거나 비어 있지 않음을 확인함으로써 입력에 기본적인 검증을 추가합니다.

응용 프로그램을 실행하면 아래 UI를 볼 수 있습니다.

Blazor 하이브리드 앱(개발자를 위한 작동 방식): 그림 6 - PDF 생성기 UI

출력

Blazor 하이브리드 앱(개발자를 위한 작동 방식): 그림 7 - PDF 출력

라이선스 제공 (무료 체험판)

유효한 라이선스 키가 IronPDF에 필요하며, 다음과 같이 appsettings.json 파일에 넣으십시오:

{
  "IronPdf.LicenseKey": "your license key"
}

무료 체험판 라이선스 키는 IronPDF의 체험판 라이선스 등록 페이지를 통해 등록하여 얻을 수 있습니다.

결론

.NET MAUI Blazor Hybrid 앱을 빌드하면 .NET MAUI와 Blazor 기술의 결합된 강점으로 크로스 플랫폼 애플리케이션을 만들고자 하는 개발자에게 매력적인 솔루션을 제공합니다. 강력한 크로스 플랫폼 지원, 원활한 코드 및 구성 요소 공유, 네이티브 UI 컨트롤에 대한 액세스, Visual Studio와의 통합, 성능 향상으로 .NET MAUI Blazor Hybrid 앱은 다양한 장치에서 네이티브로 실행되는 현대적이고 반응성이 뛰어난 기능이 풍부한 애플리케이션을 구축하는 데 필요한 도구와 기능을 제공합니다.

한편, IronPDF는 .NET MAUI Blazor Hybrid 앱과 같은 여러 플랫폼에서 PDF 문서를 생성하기 위한 맞춤형 솔루션입니다.

요약하자면, .NET MAUI Blazor Hybrid 앱을 빌드하고 IronPDF를 사용하면 개발자는 다양한 플랫폼에서 일관된 사용자 경험을 제공하는 고품질 애플리케이션을 제공하면서도 .NET과 Blazor 생태계의 생산성과 유연성을 누릴 수 있습니다.

자주 묻는 질문

.NET MAUI Blazor Hybrid 앱의 목적은 무엇입니까?

.NET MAUI Blazor Hybrid 앱은 개발자가 여러 플랫폼에서 네이티브로 작동하는 공유 코드와 로직을 사용하여 애플리케이션을 빌드할 수 있게 하며, 네이티브 API와 UI 컨트롤을 활용하여 일관된 사용자 경험을 제공합니다.

.NET MAUI Blazor 앱에서 PDF 문서를 어떻게 생성할 수 있나요?

.NET MAUI Blazor 앱에서 IronPDF 라이브러리를 통합하여 HTML에서 PDF로의 변환, 편집 및 렌더링을 지원하면서 여러 플랫폼에서 PDF 문서를 생성할 수 있습니다.

Visual Studio를 사용하여 .NET MAUI Blazor Hybrid 앱을 만드는 단계는 무엇입니까?

.NET MAUI Blazor Hybrid 앱을 만들려면 Visual Studio를 열어 .NET MAUI Blazor Hybrid 앱 템플릿을 선택하고, 프로젝트 설정을 구성하고 원하는 .NET 버전을 선택하여 프로젝트 환경을 초기화하세요.

IronPDF 라이브러리는 Blazor 앱의 PDF 기능을 어떻게 향상시킵니까?

IronPDF 라이브러리는 개발자가 HTML을 PDF로 변환, PDF 편집 및 정확한 렌더링을 할 수 있도록 하여 PDF 기능을 향상시킵니다. 이는 .NET MAUI Blazor 앱에 이상적이며 플랫폼 간 사용을 지원합니다.

크로스 플랫폼 개발을 위해 .NET MAUI를 사용하는 이점은 무엇입니까?

.NET MAUI는 한 번의 코드 작성으로 Windows, macOS, iOS, Android와 같은 여러 플랫폼에 배포할 수 있는 이점을 제공하며, 네이티브 API 및 UI 컨트롤에 접근하여 일관된 사용자 경험을 제공합니다.

.NET MAUI Blazor 앱에 IronPDF 라이브러리를 어떻게 추가합니까?

Visual Studio 패키지 관리자를 통해 IronPDF 라이브러리를 .NET MAUI Blazor 앱에 추가할 수 있으며, NuGet Gallery에서 dotnet add package IronPdf --version 2024.4.2 명령을 실행하여 추가할 수 있습니다.

하이브리드 접근은 앱 개발에 어떤 이점을 제공합니까?

하이브리드 접근은 개발 시간을 줄이고, 코드 및 구성 요소를 공유하며, 네이티브 API에 접근할 수 있게 하여 네이티브 UI 컨트롤과 향상된 성능으로 다양한 플랫폼에서 원활한 사용자 경험을 제공합니다.

Blazor 앱에서 PDF 작업을 하는 개발자에게 IronPDF를 사용하는 것이 유익한 이유는 무엇입니까?

IronPDF는 HTML에서 PDF로의 변환 및 픽셀 완벽한 렌더링을 포함하여 PDF를 생성, 수정 및 읽을 수 있는 강력한 도구를 제공함으로써 Blazor 앱의 기능을 향상시킵니다.

.NET MAUI Blazor Hybrid 앱에서 Blazor의 역할은 무엇입니까?

Blazor는 개발자가 C#을 사용하여 대화형 웹 애플리케이션을 빌드할 수 있도록 하며, 코드가 클라이언트 및 서버 측에서 실행될 수 있게 하며, .NET MAUI Blazor Hybrid 앱에서 개발을 향상시키기 위해 .NET 라이브러리와 통합됩니다.

.NET MAUI Blazor Hybrid는 개발 생산성을 어떻게 향상시킵니까?

.NET MAUI Blazor Hybrid는 여러 플랫폼에 대해 공유 코드를 작성하고, 네이티브 UI 컨트롤을 활용하며, 컴파일 없이 실시간으로 조정할 수 있는 핫 리로드 기능을 통해 생산성을 향상시킵니다.

제이콥 멜러, 팀 아이언 최고기술책임자
최고기술책임자

제이콥 멜러는 Iron Software의 최고 기술 책임자(CTO)이자 C# PDF 기술을 개척한 선구적인 엔지니어입니다. Iron Software의 핵심 코드베이스를 최초로 개발한 그는 창립 초기부터 회사의 제품 아키텍처를 설계해 왔으며, CEO인 캐머런 리밍턴과 함께 회사를 NASA, 테슬라, 그리고 전 세계 정부 기관에 서비스를 제공하는 50명 이상의 직원을 보유한 기업으로 성장시켰습니다.

제이콥은 맨체스터 대학교에서 토목공학 학사 학위(BEng)를 최우등으로 취득했습니다(1998~2001). 1999년 런던에서 첫 소프트웨어 회사를 설립하고 2005년 첫 .NET 컴포넌트를 개발한 후, 마이크로소프트 생태계 전반에 걸쳐 복잡한 문제를 해결하는 데 전문성을 발휘해 왔습니다.

그의 대표 제품인 IronPDF 및 Iron Suite .NET 라이브러리는 전 세계적으로 3천만 건 이상의 NuGet 설치 수를 기록했으며, 그의 핵심 코드는 전 세계 개발자들이 사용하는 다양한 도구에 지속적으로 활용되고 있습니다. 25년의 실무 경험과 41년의 코딩 전문성을 바탕으로, 제이콥은 차세대 기술 리더들을 양성하는 동시에 기업 수준의 C#, Java, Python PDF 기술 혁신을 주도하는 데 주력하고 있습니다.

아이언 서포트 팀

저희는 주 5일, 24시간 온라인으로 운영합니다.
채팅
이메일
전화해