Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
개발 · 프로그래밍

/

웹 개발

Blazor 완전 과정: C#과 .NET으로 풀스택 웹 앱 구축하기

Blazor를 사용하여 상호작용적이고, 현대적이며, 확장 가능한 웹 애플리케이션을 구축하는 방법을 배우세요 — JavaScript 대신 C#을 사용할 수 있게 해주는 Microsoft의 최첨단 프레임워크입니다. 이 완벽한 과정은 Blazor Server와 Blazor WebAssembly를 모두 다루며, 실제 프로젝트, 컴포넌트 기반 아키텍처, 데이터 바인딩, 종속성 주입, 인증, API 통합, SignalR 및 배포 전략을 통해 여러분을 안내합니다. .NET 개발자이든 JavaScript 프레임워크에서 전환하려는 사람이든, 이 실습 과정은 C#, .NET 및 Razor 컴포넌트만을 사용하여 자신감 있게 풀스택 웹 앱을 만드는 데 필요한 모든 것을 가르쳐 줄 것입니다 — JavaScript는 필요 없습니다.

60명 이 수강하고 있어요.

  • Professional

이런 걸 배울 수 있어요

  • Blazor Server 및 Blazor WebAssembly (WASM)를 포함한 Blazor의 기본 개념 이해

  • C#와 Razor 컴포넌트만을 이용하여 풀스택 웹 애플리케이션을 구축하는 방법을 알아보세요 — JavaScript는 전혀 필요 없습니다.

  • Blazor에서 컴포넌트 기반 개발, 라우팅, 데이터 바인딩, 상태 관리를 마스터하는 방법

  • RESTful API를 통합하고, HttpClient를 사용하며, 비동기 작업을 처리합니다.

  • 아이덴티티 및 외부 공급자(OAuth, JWT 등)를 활용한 인증 및 인가 구현

이 과정에서 학생들이 배울 내용

  • Blazor WebAssemblyBlazor Server를 사용하여 현대적이고 대화형 풀스택 웹 애플리케이션을 구축하세요.

  • ASP.NET Core를 사용하여 깔끔하고 유지 관리가 쉬운 C# 백엔드 API를 개발하고 이를 Blazor 프런트엔드와 통합합니다.

  • Blazor 구성 요소를 사용하여 구성 요소 기반 개발 및 재사용 논리를 마스터합니다.

  • Blazor 수명 주기 , 데이터 바인딩 , 이벤트 처리 , 종속성 주입에 대해 자세히 알아보세요.

  • Blazor 앱을 Entity Framework CoreSQL Server 에 연결하여 데이터베이스를 관리하고 CRUD 작업을 수행합니다.

  • ASP.NET Identity , JWT역할 기반 액세스 제어를 사용하여 인증 및 권한 부여를 구현합니다.

  • BootstrapBlazorise (또는 MudBlazor)를 사용하여 반응형 모바일 친화적 사용자 인터페이스를 구축합니다 . Blazor, fast-blazor, ASP.NET Core

  • 데이터 주석Fluent Validation을 사용하여 고급 검증 기능을 갖춘 사용자 지정 양식을 만듭니다.

  • Blazor에서 SignalR을 사용하여 채팅 및 라이브 알림과 같은 실시간 기능을 추가합니다.

  • Blazor 애플리케이션을 Azure , IIS 또는 Docker 에 배포하고 CI/CD 파이프라인을 구성합니다.

  • Blazor ServerBlazor WebAssembly 의 차이점을 이해하고, 올바른 호스팅 모델을 선택하세요.

  • 서비스, 계단식 매개변수, 로컬 스토리지, 세션 스토리지 Blazor, fast-blazor, ASP.NET Core를 사용하여 상태를 효과적으로 관리합니다.

  • CSRF , XSS , SQL 주입과 같은 일반적인 취약점으로부터 웹 앱을 보호하세요.

  • xUnit과 bUnit을 사용하여 Blazor 앱에서 단위 테스트통합 테스트를 수행합니다.

  • RESTful API를 사용하고 생산하며, 타사 서비스와 통합합니다.

  • 파일 업로드 , 이미지 갤러리 , PDF 내보내기 및 기타 실제 기능을 사용합니다.

  • 데이터 기반 UI에서 페이지 매김 , 정렬 , 검색 , 필터링 기능 을 구현합니다.

  • 저장소 패턴 , 서비스 계층 , 클린 아키텍처를 활용하여 전문적인 소프트웨어 아키텍처를 학습합니다.

  • 효율적인 개발과 협업을 위해 Visual Studio , Visual Studio Code , GitHub을 활용하세요.

  • Blazor를 사용하여 .NET 풀스택 개발자 로서 실제 프로젝트나 면접을 준비하세요.

코스의 하이라이트

  • 엔드투엔드 풀스택 개발 : .NET 백엔드와 SQL 데이터베이스 통합을 통해 강력한 Blazor WebAssembly 및 서버 앱을 구축하는 방법을 알아보세요.

  • 🔒 인증 및 보안 : ASP.NET Identity, JWT 및 역할 기반 액세스 제어를 사용하여 안전한 로그인 시스템을 구현합니다.

  • 📦 최신 UI 디자인 : Bootstrap, Blazorise 또는 MudBlazor를 사용하여 전문적이고 반응성이 뛰어난 사용자 인터페이스를 구축하세요.

예시로 보는 블레이저

  • 실시간 기능 : 채팅 앱, 알림, 실시간 대시보드를 위해 SignalR을 통합합니다.

  • 🧠 실용적이고 프로젝트 기반의 학습 : 작업 관리자, 전자상거래 플랫폼, CRM 시스템과 같은 실제 앱을 처음부터 만들어 보세요.

  • 🚀 배포 및 DevOps 준비 : Blazor 앱을 Azure, Docker 또는 IIS에 배포하고 CI/CD 파이프라인을 설정하는 방법을 알아보세요.

깃 + 깃허브

나에게도 좋아요

저는 ASP.NET Core , Entity Framework , 그리고 C#으로 대화형 웹 UI를 구축하는 Microsoft의 최첨단 프레임워크인 Blazor를 사용하여 고성능 웹앱을 개발하는 전문가입니다. 실무 중심의 실무 교육을 통해 수천 명의 개발자가 .NET 기술을 활용한 풀스택 개발로 전환하도록 지원해 왔습니다.

저는 금융, 전자상거래, 의료, 물류 분야의 핵심 시스템을 담당해 왔습니다. 복잡한 주제를 명확하고 실행 가능한 단계로 나누어 분석하는 데 열정적이며, 개발자들이 실용적인 프로젝트 기반 학습을 통해 역량을 향상시키도록 돕는 것을 좋아합니다.

Blazor를 처음 시작하든 풀스택 기술을 갈고닦고 싶든, 저는 여러분을 모든 단계에서 안내해 드리겠습니다.

자주 묻는 질문

자주 묻는 질문

질문: 이 과정을 수강하려면 Blazor 또는 .NET에 대한 사전 경험이 필요합니까?
A: Blazor 사용 경험은 필요하지 않습니다. 하지만 C# 및 웹 개발(HTML/CSS/JavaScript)에 대한 기본적인 이해가 있으면 본 과정을 최대한 활용하는 데 도움이 될 것입니다.

질문: 이 과정에서 Blazor Server와 Blazor WebAssembly를 모두 배우게 되나요?
A: 네! 이 과정에서는 Blazor Server와 Blazor WebAssembly라는 두 가지 호스팅 모델을 모두 다루며, 각 모델을 효과적으로 사용하는 방법과 시기를 설명합니다.

질문: 이 과정이 취업 준비에 적합합니까?
A: 네, 이 과정은 Blazor와 .NET을 사용하는 풀스택 개발자 역할에 필요한 기술을 습득하도록 설계되었습니다. 또한 클린 아키텍처 실무 및 테스트 과정도 포함됩니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • JavaScript 프레임워크로 전환하지 않고도 웹 애플리케이션을 구축하고 싶은 C# 또는 .NET 개발자라면 이 강좌가 완벽하게 맞습니다. Blazor 생태계에 완전히 몰입하는 것을 추천합니다. 자신감을 가지고 컴포넌트 기반 아키텍처, Razor 구문, 그리고 상태 관리를 배우는 데 집중하세요. Blazor는 클라이언트 측과 서버 측 로직 모두에 C#이라는 하나의 언어를 사용할 수 있게 해주며, 이는 생산성과 유지보수성 면에서 획기적인 변화입니다.

  • 단순히 보기만 하지 말고 — 강의와 함께 직접 만들어 보세요. 강의에서 시연된 모든 기능을 직접 코딩하고, 개선 사항을 실험하며, 배운 것을 개인 또는 직업 프로젝트에 적용해 보시길 강력히 권장합니다. 그렇게 함으로써 지식을 기억할 뿐만 아니라, 포트폴리오나 직무에서 보여줄 수 있는 실질적인 기술을 개발하게 될 것입니다.

안녕하세요
입니다.

1,069

수강생

12

수강평

2.9

강의 평점

17

강의

I’m an experienced instructor with a strong background in web development, business strategy, and career management. I’ve helped individuals and companies build successful websites, launch and grow businesses, and navigate their professional paths with confidence. My approach combines real-world experience with practical teaching, offering learners the tools and strategies they need to achieve their goals — whether starting a business, building a digital presence, or advancing their careers.

커리큘럼

전체

15개 ∙ (2시간 7분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

₩11,000

Professional님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!