Blazor 파일 업로드 처리 — InputFile 컴포넌트 완전 가이드
Blazor의 InputFile 컴포넌트와 IBrowserFile 인터페이스를 활용해 단일·다중 파일 업로드를 구현하고 서버에 안전하게 저장하는 방법을 단계별로 설명합니다. 보안 처리와 진행률 표시까지 포함합니다.
C#
C#
C# .NET Core Blazor 핵심 포인트 완벽 정리
C# .NET Core Blazor 강의의 최종편으로, 지금까지 배운 모든 핵심 개념을 체계적으로 총정리합니다. 컴포넌트 구조부터 인증까지, 실전 Blazor 웹 앱 개발의 필수 포인트를 한 글에서 모두 확인하세요.
Blazor 앱 배포와 호스팅 — Azure·IIS·Docker 완전 가이드
Blazor 앱을 Azure, IIS, Docker에 실제로 배포하는 방법을 단계별로 학습합니다. dotnet publish부터 환경별 설정 분리, Dockerfile 멀티 스테이지 빌드, GitHub Actions 자동 배포까지 실무 배포의 모든 과정을 다룹니다.
Blazor 성능 최적화: ShouldRender, Virtualize, 메모리 관리
Blazor 렌더링 사이클의 원리를 이해하고 ShouldRender, Virtualize, IDisposable 세 가지 핵심 패턴으로 앱 성능을 극대화하는 방법을 학습합니다.
MudBlazor로 시작하는 Blazor UI 컴포넌트 라이브러리 완전 가이드
MudBlazor를 비롯한 오픈소스 Blazor UI 라이브러리를 프로젝트에 설치하고, 기성 컴포넌트를 활용해 개발 생산성을 높이는 방법을 상세히 설명합니다. 설치 설정부터 실전 컴포넌트 조합까지 한 글에서 완전히 익힐 수 있습니다.
Blazor CRUD 완전 구현 — EF Core와 서비스 레이어 통합
EF Core와 서비스 레이어를 결합해 Blazor 애플리케이션에서 완전한 CRUD 기능을 구현합니다. 도서 관리 시스템을 예제로 생성·조회·수정·삭제의 모든 흐름을 마스터합니다.
Blazor 서버 앱에서 EF Core로 데이터베이스 연동하기
Entity Framework Core(EF Core)를 Blazor Server 앱에 연결해 데이터베이스를 조회하고 저장하는 방법을 단계별로 학습합니다. IDbContextFactory 패턴을 활용한 안전한 DB 접근법과 CRUD 전체 구현 과정을 다룹니다.
Blazor JS Interop 연동: IJSRuntime 핵심 가이드
Blazor의 IJSRuntime을 활용하면 C#에서 JavaScript 함수를 직접 호출하고, JavaScript에서 C# 메서드를 역방향으로 호출할 수 있습니다. JS Interop의 핵심 패턴을 실전 예제로 완전히 익혀 봅니다.
Blazor SignalR 실시간 통신 — Hub 연동과 채팅 구현
SignalR Hub를 Blazor 애플리케이션에 연동하여 채팅·알림 같은 실시간 기능을 구현하는 방법을 학습합니다. 서버 Hub 작성부터 Blazor 클라이언트 연결, 메시지 브로드캐스트까지 실전 예제로 완성합니다.
Blazor 인증과 권한 관리: ASP.NET Identity 핵심 가이드
ASP.NET Core Identity와 AuthorizeView를 조합해 Blazor 앱의 로그인·역할·클레임 기반 권한 제어를 완전하게 구현합니다. 초보자가 자주 겪는 실수와 해결법도 함께 다룹니다.
Blazor 로컬 스토리지 & 세션 스토리지 완전 정복
Blazor 앱에서 브라우저 LocalStorage와 SessionStorage를 사용해 클라이언트 데이터를 저장·관리하는 방법을 학습합니다. IJSRuntime 직접 호출부터 Blazored.LocalStorage 라이브러리까지 실전 예제로 완전히 다룹니다.
Blazor 서비스 레이어 설계 — 비즈니스 로직 분리 실전 가이드
Blazor 애플리케이션에서 비즈니스 로직을 서비스 클래스로 분리하면 컴포넌트는 UI에만 집중할 수 있습니다. 인터페이스 기반 서비스 레이어 설계부터 의존성 주입 등록까지 실전 중심으로 학습합니다.
Blazor 의존성 주입: 의존성 주입(DI) 컨테이너 서비스 등록과 컴포넌트 주입
Blazor의 내장 DI 컨테이너에 서비스를 등록하고 컴포넌트에 주입하는 전 과정을 학습합니다. Singleton, Scoped, Transient 세 가지 수명의 차이와 올바른 선택 기준을 실습 코드와 함께 완전히 정리합니다.
Blazor 비동기 프로그래밍 — async/await와 OnInitializedAsync
Blazor에서 async/await 패턴으로 비동기 데이터를 로딩하는 방법을 배웁니다. OnInitializedAsync 수명 주기 메서드를 활용해 API 호출과 로딩 상태를 올바르게 처리하는 실전 기법을 익힙니다.
Blazor HTTP 클라이언트 완벽 가이드 — HttpClient로 REST API 호출하기
Blazor에서 HttpClient를 의존성 주입으로 등록하고 외부 REST API를 비동기로 호출하는 전 과정을 다룹니다. JSON 역직렬화부터 POST 요청, 오류 처리까지 완전한 실습 예제로 학습합니다.
Blazor 상태 관리 기초: CascadingValue와 AppState 패턴 완전 정복
Blazor 컴포넌트의 상태 개념부터 CascadingValue를 이용한 계단식 데이터 공유, AppState 패턴을 통한 전역 상태 관리까지 단계별로 완전히 다룹니다. 실전 Blazor 앱 개발의 핵심 기반을 이 글 하나로 완성하세요.
Blazor 레이아웃 컴포넌트: MainLayout과 중첩 레이아웃
Blazor 레이아웃 컴포넌트를 활용하면 헤더·사이드바·푸터 같은 공통 UI 구조를 단 한 곳에서 관리할 수 있습니다. MainLayout 구성법과 중첩 레이아웃까지 단계별 코드 예제로 완전히 익혀봅니다.
Blazor 라우팅과 내비게이션 — @page와 NavigationManager 완전 가이드
Blazor에서 @page 지시어로 컴포넌트에 URL을 매핑하고 NavigationManager로 코드에서 페이지 이동을 제어하는 방법을 완전히 설명합니다. 라우트 매개변수, 제약 조건, 쿼리 스트링까지 실습 예제와 함께 익혀보세요.
Blazor CSS 격리(CSS Isolation)와 컴포넌트 스타일링
Blazor의 CSS 격리 기능으로 컴포넌트별 독립 스타일을 적용하는 방법을 배웁니다. .razor.css 파일 생성부터 ::deep 선택자, 인라인 스타일 활용까지 Blazor 스타일링의 핵심을 완전히 다룹니다.
Blazor 부모-자식 컴포넌트 통신과 EventCallback
Blazor 앱에서 컴포넌트 간 통신의 핵심인 EventCallback 패턴을 심층 학습합니다. [Parameter]로 부모→자식 전달, EventCallback으로 자식→부모 이벤트 전달까지 완전한 양방향 통신을 단계별 예제로 구현합니다.
Blazor EditForm 폼 유효성 검사 완전 정복
Blazor EditForm 컴포넌트와 DataAnnotations로 입력 폼과 유효성 검사를 완벽하게 구현하는 방법을 배웁니다. 실전 회원가입 폼 예제를 통해 OnValidSubmit부터 사용자 지정 유효성 검사 어트리뷰트까지 단계별로 익힙니다.
Blazor 반복 렌더링과 리스트 — @foreach · @for 완전 가이드
Blazor의 @foreach와 @for 지시어를 활용하면 C# 컬렉션 데이터를 HTML 리스트로 손쉽게 변환할 수 있습니다. @key 속성과 빈 컬렉션 처리까지 실전 예제로 완전히 마스터해 보세요.
Blazor 조건부 렌더링 완전 정복 — @if·@switch 동적 UI
Blazor에서 @if와 @switch 지시어를 사용해 조건에 따라 UI 요소를 동적으로 표시하거나 숨기는 방법을 학습합니다. 로그인 상태 분기, 역할별 메뉴 표시 등 실전 패턴을 코드와 함께 완전히 이해할 수 있습니다.
Blazor 컴포넌트 매개변수 완벽 가이드 — [Parameter] 사용법
Blazor의 [Parameter] 특성을 사용하면 부모 컴포넌트에서 자식 컴포넌트로 다양한 타입의 데이터를 전달할 수 있습니다. 기본 타입부터 EventCallback, RenderFragment, CascadingParameter까지 실전 예제와 함께 완전히 다룹니다.
Blazor 이벤트 처리 완벽 가이드 — @onclick부터 입력 이벤트까지
Blazor에서 사용자 상호작용을 처리하는 핵심인 이벤트 핸들러를 @onclick, @oninput, @onchange 등 실전 예제와 함께 완벽하게 학습합니다. DOM 이벤트를 C# 메서드와 연결하는 모든 패턴을 한 글에서 다룹니다.
Blazor 데이터 바인딩 기초: @bind로 UI와 데이터 연결하기
Blazor의 단방향 @변수 바인딩과 양방향 @bind 디렉티브로 UI와 C# 데이터를 자동 동기화하는 방법을 배웁니다. @bind-Value:event로 업데이트 시점을 제어하는 방법까지 예제와 함께 완전 정복합니다.
Razor 컴포넌트 기초 완전 정복 — .razor 파일 문법과 생명주기
Blazor의 핵심 빌딩 블록인 Razor 컴포넌트를 처음부터 완전히 다룹니다. .razor 파일의 기본 문법부터 컴포넌트 생명주기까지, 실행 가능한 예제로 확실히 익힙니다.
Blazor 프로젝트 구조 이해 — 폴더와 핵심 파일 역할 완벽 정리
Blazor 프로젝트를 처음 생성하면 다양한 폴더와 파일이 자동으로 만들어집니다. 이 글에서는 각 파일과 폴더의 역할을 명확히 파악하여 Blazor 개발의 탄탄한 기초를 다집니다.
.NET Core 기초 개념: C# 문법과 CLR 런타임 핵심 정리
.NET Core의 핵심 개념과 CLR 런타임 원리를 이해하고 Blazor 학습에 필요한 C# 기초 문법을 체계적으로 정리합니다. 실행 가능한 예제 코드와 함께 .NET 생태계 전반을 파악합니다.
Blazor 소개와 환경설정 — .NET 8 설치부터 첫 실행까지
Blazor는 C#으로 웹 UI를 구축하는 .NET 프레임워크입니다. WebAssembly와 Server 두 가지 호스팅 모델의 차이를 비교하고, .NET 8 SDK 설치부터 첫 번째 Blazor 프로젝트 실행까지 단계별로 안내합니다.
