강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Web Development

[C#/.NET 8.0]さあ、Blazor Serverは初めてなの？

★.NET 8.0★Blazor Serverを活用したWeb開発基礎講義です。 EntityFrameworkCoreを活用したDB CRUDを楽にする方法を学びましょう。 Razor Page UI Design "基礎"をお知らせします。講義に使用されたSource Codeも提供します:)

（4.3）受講レビュー 11件

受講生 121名

  • RAZOR
c#
닷넷프레임워크
소스코드
C#
.NET
Blazor
PostgreSQL

学習した受講者のレビュー

受講後に得られること

  • Blazor Serverの理解

  • .NET8.0 Blazorの理解

  • Razor構文の活用の理解

  • EntityFramework Coreの理解

  • オブジェクト指向設計の理解

  • その他のUI開発ヒント

blazor_server_intro

初心者のためのBlazor Serverの基礎講義📖

○本講義は、C#/.NET開発者向けのBlazor Server開発基礎講義です。

○Interface、Service、Dependency Injectionなどオブジェクト指向プログラミング技法を学ぶことができます。

○Razor Pageを一緒にデザインすることで、UIの基本的な部分を学ぶことができます。

講義を聞いたら、このような結果を作ることができます。

Data入力機能の開発とUIの実装

Data入力機能の開発とUIの実装

  • DB CRUD機能のためのUIとLogicの実装

  • PostgreSQL + EntityFramework Coreの活用

Dashboardの開発とUIの実装

Dashboardの開発とUIの実装

  • XAML Design およびその他の UI 開発 Tip

  • View ModelとCode-behindとの相互作用

[動画を再生してみてください！ ]

[動画を再生してみてください！ ]

  • .NET8.0 Blazor Serverについてはっきり理解できます。

  • コアクラスの設計ができます。

  • 疎結合のためのInterface、Service、Dependency Injectionを理解できます。

  • DB CRUDにEntityFrameworkを活用できます。

  • Razor Page Designやその他のUI開発ヒントを入手できます。

学習内容

セクション(1) Blazor Serverの理解

セクション(1) Blazor Serverの理解

  • 新しくなった.NET8.0をご覧ください

  • 基本的なBlazor Serverの構造を学ぶ

  • Blazor Server開発前に環境を準備する前に

セクション(2) DatabaseおよびEntity Framework Core

  • Databaseの活用準備を始めます

  • DB CRUDのためのフレームワークを紹介します

  • Class設計後に直接ハンドリングしてみます

セクション(2) DatabaseおよびEntity Framework Core
セクション (3) Razor Page Design(1)

セクション (3) Razor Page Design(1)

  • DB CRUD用のRazor Pageをデザインしよう

  • UI Frameworkを活用しよう

  • 基本的なDatagrid UIをデザインしてみます

セクション (4) Razor Page Design(2)

  • Dashboard Pageをデザインしてみます

  • UIレイアウトと複数のコントロールを活用してください

  • その他のUI開発Tipも知ってください


セクション (4) Razor Page Design(2)

受講前の注意

練習環境

  • オペレーティングシステムとバージョン（OS）：Windows 10

  • 使用ツール: VisualStudio2022, pgAdmin4

学習資料

  • 基本的には講義内の音声で提供され、必要な資料やサイトは講義資料に書いておきます！

選手の知識と注意事項

  • 学習難易度を考慮した必須選手の知識の有無

    • C＃言語の基礎文法だけを知っても受講に支障はありません👍

  • 講義映像品質（音質・画質）など受講に直接関連した内容および推奨学習方法

    • ノイズはできるだけ減らそうとしました！少しのノイズはご了承お願い致します🙏

  • 質問/回答と今後の更新に関する内容

    • 質問はいつでも残していただければ、利用可能な時間にすぐに答えます。

    • 今後更新する予定です。たくさんのF/Bお願いします😄

  • 講義および学習資料著作権に関するお知らせ

    • 講義で提供したソースコードは存分に活用可能です🔥

こんな方に
おすすめです

学習対象は
誰でしょう？

  • C＃/ .NETの基礎はわかっていますが、Web開発は一度もしなかった方

  • WinForm や WPF 開発だけで Web 開発をどのように始めるか感が出ない方

  • Blazorを理解しながら、実践を通じて素早く活用したい方

前提知識、
必要でしょうか？

  • C#/.NET

  • PostgreSQL

こんにちは
です。

864

受講生

73

受講レビュー

41

回答

4.5

講座評価

5

講座

안녕하세요. 개발자 RAZOR 입니다. Python, C#/.NET(Winform, WPF, Blazor) 개발하고 있습니다 :)

제 강의 들어주셔서 언제나 감사드리며, 거침없이 하이킥(?) 말고 F/B 부탁드립니다!🤟🤟🤟

 

★RAZOR가 제공하는 고품격(?) 강의 List

○ Python Fast API 강의 LINK : https://inf.run/h7eTV

○ Winform 강의 LINK : https://inf.run/iovRi

○ WPF 강의 LINK : https://inf.run/ptAYH

○ Blazor WASM 강의 LINK : https://inf.run/tptBE

○ Blazor Server 강의 LINK : https://inf.run/fKHBg

 

★RAZOR에게 멘토링 받고 싶다면?

○ 멘토링 LINK : https://inf.run/7u6fC

 

 ★RAZOR가 직접 작성한 온라인 강의 판매로 부수입 얻는 법 궁금하다면?

○ 219일만에 1300만원 부수입 얻는 방법 : PDF 전자책 형태로 판매합니다.

○ 구매 의향 있으시면 메일(resti52@naver.com)로 연락주세요 :)

カリキュラム

全体

14件 ∙ (4時間 9分)

講座資料（こうぎしりょう）:

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

11件

4.3

11件の受講レビュー

  • godjiyoon님의 프로필 이미지
    godjiyoon

    受講レビュー 1

    ∙

    平均評価 3.0

    3

    71% 受講後に作成

    초급버전이여도, 배포하는것, 타서버에서 연결하는방법 정도는 있을줄알았는데. 없네요. 그리고 마지막부분에 사용하신 RadzenStackedBarSeries는 비율로 사용하지 않는 것을 추천드립니다. 사용하실꺼면 차트가 0명부터 나와야 정확한 비율이 나올 것 같아요. 계는 남자+여자일텐데 계부분이 사이즈가 작잖아요.

    • RAZOR
      知識共有者

      godjiyoon님 안녕하세요! 강의가 많이 부족하셨다니 죄송할따름입니다.. 이 F/B 반영해서 서버 배포까지 추가하는 것을 고려해보겠습니다. 따끔한 F/B 감사합니다. 좋은 하루되세요!

  • DeungHeok Chung님의 프로필 이미지
    DeungHeok Chung

    受講レビュー 2

    ∙

    平均評価 4.0

    3

    71% 受講後に作成

    디테일이 많이 부족함

    • RAZOR
      知識共有者

      DeungHeok Chung! 소중한 수강평 감사드립니다..! 제가 준비한 강의가 많이 부족했나 봅니다..! BLAZOR SERVER에 대한 기초 강의고 그에 맞게 준비했다고 생각했는데, 역시 모두의 만족을 얻기는 힘들어보이네요..! 그래도 끝까지 잘 수강해주셔서 너무 감사드리고, 이런 발전이 되는 따뜻한 F/B도 감사드립니다! 앞으로 더 노력하도록 하겠습니다.

  • 금성철님의 프로필 이미지
    금성철

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    • RAZOR
      知識共有者

      금성철님 안녕하세요. 우선 바쁘신 와중에 수강평 정말 감사드립니다. 제 강의가 조금이나마 도움이 되었길 바라며 앞으로 하시는 일 모두 잘 풀리시길 바라겠습니다. 다음에 더 좋은 강의로 뵙겠습니다. 감사합니다!!

  • 이찬희님의 프로필 이미지
    이찬희

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    36% 受講後に作成

    • RAZOR
      知識共有者

      이찬희님 안녕하세요. 우선 바쁘신 와중에 수강평 정말 감사드립니다. 제 강의가 조금이나마 도움이 되었길 바라며 앞으로 하시는 일 모두 잘 풀리시길 바라겠습니다. 다음에 더 좋은 강의로 뵙겠습니다. 감사합니다!!

  • hyunwoo.kim님의 프로필 이미지
    hyunwoo.kim

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    최신버전으로 강의 들을수 있어서 너무 좋았습니다.

    • RAZOR
      知識共有者

      hyunwoo.kim님 안녕하세요!! 제 강의가 도움이 되었다니 정말 다행입니다 :) 소중한 수강평도 너무너무 감사드립니다 ㅎㅎㅎ 다음에 좋은 강의로 또 찾아뵙겠습니다~!

￥10,933

RAZORの他の講座

知識共有者の他の講座を見てみましょう！

[C#/.NET 7.0]어서와, WPF는 처음이지?강의 썸네일

[C#/.NET 7.0]어서와, WPF는 처음이지?

RAZOR

WPF를 활용한 Windows Desktop 개발 기초 강의입니다. EntityFrameworkCore를 활용한 DB CRUD를 편하게 하는 방법을 배워가세요. MVVM Design Pattern에 기반한 Programming Skill과 XAML UI Design "기초"를 알려드립니다. 강의에 사용된 Source Code도 제공해드립니다 :)

초급

초급

.NET, wpf

[C#/.NET 7.0]어서와, WPF는 처음이지?강의 썸네일

[C#/.NET 7.0]어서와, WPF는 처음이지?

RAZOR

[C#/.NET 8.0]어서와, WinForm은 처음이지?강의 썸네일

[C#/.NET 8.0]어서와, WinForm은 처음이지?

RAZOR

★.NET 8.0★ Winform을 활용한 Windows Desktop 개발 기초 강의입니다. EntityFrameworkCore를 활용한 DB CRUD를 편하게 하는 방법을 배워가세요. 느슨한 결합에 기반한 클래스 설계 방법과 Form UI Design "기초"를 알려드립니다. 강의에 사용된 Source Code도 제공해드립니다 :)

초급

초급

.NET, winform, PostgreSQL

[C#/.NET 8.0]어서와, WinForm은 처음이지?강의 썸네일

[C#/.NET 8.0]어서와, WinForm은 처음이지?

RAZOR

[2025 신규] 어서와, Fast API는 처음이지?강의 썸네일

[2025 신규] 어서와, Fast API는 처음이지?

RAZOR

★PYTHON★ Fast API를 활용한 Server 개발 기초 강의입니다. Fast API, SQLAlchemy, Pydantic, Starlette 등 여러 Package를 활용해 쉽고, 빠르고, 간편하게 Server 개발하는 방법을 배워가세요! PostgreSQL과의 연동은 물론 DB Backup파일도 준비되어 있으니 걱정마세요! Dash와 Plotly를 활용한 UI Design "기초"를 알려드리고 강의에 사용된 Source Code도 제공해드립니다 :)

초급

초급

FastAPI, Python, PostgreSQL

[2025 신규] 어서와, Fast API는 처음이지?강의 썸네일

[2025 신규] 어서와, Fast API는 처음이지?

RAZOR

[C#/.NET 6.0]어서와, Blazor WebAssembly는 처음이지?강의 썸네일

[C#/.NET 6.0]어서와, Blazor WebAssembly는 처음이지?

RAZOR

Blazor WebAssembly를 활용한 Web 개발 기초 강의입니다. EntityFrameworkCore를 활용한 DB CRUD를 편하게 하는 방법을 배워가세요. Razor Page UI Design "기초"를 알려드립니다. 강의에 사용된 Source Code도 제공해드립니다 :)

초급

초급

Blazor, C#, .NET

[C#/.NET 6.0]어서와, Blazor WebAssembly는 처음이지?강의 썸네일

[C#/.NET 6.0]어서와, Blazor WebAssembly는 처음이지?

RAZOR

似ている講座

同じ分野の他の講座を見てみましょう！

[C#/.NET 6.0]어서와, Blazor WebAssembly는 처음이지?강의 썸네일

[C#/.NET 6.0]어서와, Blazor WebAssembly는 처음이지?

RAZOR

Blazor WebAssembly를 활용한 Web 개발 기초 강의입니다. EntityFrameworkCore를 활용한 DB CRUD를 편하게 하는 방법을 배워가세요. Razor Page UI Design "기초"를 알려드립니다. 강의에 사용된 Source Code도 제공해드립니다 :)

초급

초급

Blazor, C#, .NET

[C#/.NET 6.0]어서와, Blazor WebAssembly는 처음이지?강의 썸네일

[C#/.NET 6.0]어서와, Blazor WebAssembly는 처음이지?

RAZOR

[C#/.NET 8.0]어서와, WinForm은 처음이지?강의 썸네일

[C#/.NET 8.0]어서와, WinForm은 처음이지?

RAZOR

★.NET 8.0★ Winform을 활용한 Windows Desktop 개발 기초 강의입니다. EntityFrameworkCore를 활용한 DB CRUD를 편하게 하는 방법을 배워가세요. 느슨한 결합에 기반한 클래스 설계 방법과 Form UI Design "기초"를 알려드립니다. 강의에 사용된 Source Code도 제공해드립니다 :)

초급

초급

.NET, winform, PostgreSQL

[C#/.NET 8.0]어서와, WinForm은 처음이지?강의 썸네일

[C#/.NET 8.0]어서와, WinForm은 처음이지?

RAZOR

[2025 신규] 어서와, Fast API는 처음이지?강의 썸네일

[2025 신규] 어서와, Fast API는 처음이지?

RAZOR

★PYTHON★ Fast API를 활용한 Server 개발 기초 강의입니다. Fast API, SQLAlchemy, Pydantic, Starlette 등 여러 Package를 활용해 쉽고, 빠르고, 간편하게 Server 개발하는 방법을 배워가세요! PostgreSQL과의 연동은 물론 DB Backup파일도 준비되어 있으니 걱정마세요! Dash와 Plotly를 활용한 UI Design "기초"를 알려드리고 강의에 사용된 Source Code도 제공해드립니다 :)

초급

초급

FastAPI, Python, PostgreSQL

[2025 신규] 어서와, Fast API는 처음이지?강의 썸네일

[2025 신규] 어서와, Fast API는 처음이지?

RAZOR

[C#/.NET 7.0]어서와, WPF는 처음이지?강의 썸네일

[C#/.NET 7.0]어서와, WPF는 처음이지?

RAZOR

WPF를 활용한 Windows Desktop 개발 기초 강의입니다. EntityFrameworkCore를 활용한 DB CRUD를 편하게 하는 방법을 배워가세요. MVVM Design Pattern에 기반한 Programming Skill과 XAML UI Design "기초"를 알려드립니다. 강의에 사용된 Source Code도 제공해드립니다 :)

초급

초급

.NET, wpf

[C#/.NET 7.0]어서와, WPF는 처음이지?강의 썸네일

[C#/.NET 7.0]어서와, WPF는 처음이지?

RAZOR

[관리코스 #1] 설계 (UML+ClassDiagram)강의 썸네일

[관리코스 #1] 설계 (UML+ClassDiagram)

개발자Park

UML중 class diagram(클래스다이어그램)강의에 해당됩니다. 설계강의에 해당됩니다.

초급

초급

아키텍처, C#, winform

[관리코스 #1] 설계 (UML+ClassDiagram)강의 썸네일

[관리코스 #1] 설계 (UML+ClassDiagram)

개발자Park

Razor Pages 멤버십 서비스 초급과정(.NET5)강의 썸네일

Razor Pages 멤버십 서비스 초급과정(.NET5)

김정수

[ASP.NET Core]는 여러 갈래로 나뉘는데, 그 중 MVC와 Razor Pages는 대표주자입니다. 그 둘 중 여기에서는 Razor Pages를 사용해서 멤버십 서비스(Identity)를 구축하는 초급과정을 담았습니다.

초급

초급

.NET

Razor Pages 멤버십 서비스 초급과정(.NET5)강의 썸네일

Razor Pages 멤버십 서비스 초급과정(.NET5)

김정수

MAUI [Cross-Platform Applications & C#]강의 썸네일

MAUI [Cross-Platform Applications & C#]

개발자Park

Windows, macOS, iOS, Android 애플리케이션을 하나의 코드로 개발 및 동작시키는 MAUI 크로스플랫폼 개발에 대해 알아봅니다.

입문

입문

C#, Azure, cross-platform

MAUI [Cross-Platform Applications & C#]강의 썸네일

MAUI [Cross-Platform Applications & C#]

개발자Park

ASP.NET Core MVC +ASP.NET Core +REST API +.NET 8.0강의 썸네일

ASP.NET Core MVC +ASP.NET Core +REST API +.NET 8.0

개발자Park

외국기업,대기업에서 주로 사용하는 ASP.NET Core를 다룹니다.

초급

초급

ASP.NET Core, C#, MVC

ASP.NET Core MVC +ASP.NET Core +REST API +.NET 8.0강의 썸네일

ASP.NET Core MVC +ASP.NET Core +REST API +.NET 8.0

개발자Park

[풀스택 입문] Firebase보다 10배 좋은 Supabase강의 썸네일

[풀스택 입문] Firebase보다 10배 좋은 Supabase

로펀

풀스택 개발에 날개를 달아줄 Supabase! Firebase의 상위호환인 Supabase로 풀스택 개발을 2시간만에 완성합니다.

초급

초급

PostgreSQL, Next.js, TailwindCSS

[풀스택 입문] Firebase보다 10배 좋은 Supabase강의 썸네일

[풀스택 입문] Firebase보다 10배 좋은 Supabase

로펀

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

이 강의를 통해서 레딧 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

초급

초급

클론코딩, Node.js, React

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

Next.js 15로 완성하는 실전 YouTube 클론 개발강의 썸네일

Next.js 15로 완성하는 실전 YouTube 클론 개발

antonio

이 24시간 튜토리얼에서는 자신만의 유튜브 클론을 만드는 방법을 배우게 됩니다. Next 15와 React 19(tRPC 포함), 서버 컴포넌트에서의 프리페칭, 클라이언트 컴포넌트에서의 서스펜스 활용, 비디오 처리, 백그라운드 작업, AI 기능 등 고급 주제들을 다룰 것입니다.

초급

초급

Next.js, React, PostgreSQL

Next.js 15로 완성하는 실전 YouTube 클론 개발강의 썸네일

Next.js 15로 완성하는 실전 YouTube 클론 개발

antonio

C# 처음부터 배우기강의 썸네일

C# 처음부터 배우기

개발자Park

C# 언어를 배워봅시다. C언어를 몰라도 학습이 가능합니다. 개발 툴도 처음부터 같이 설치합니다.

입문

입문

C#, 객체지향

C# 처음부터 배우기강의 썸네일

C# 처음부터 배우기

개발자Park