1 |
[1회차는 무료공개했으니깐 위에 맛보기 샘플강좌 클릭해서 보세요~ 옆의 다운버튼 클릭하지 마세요~] 강의에서 사용한 도구 및 프레임워크 버전 소개
|
|
|
2 |
(학습전 이 영상을 먼저 보세요. 첨부파일 다운 후 압축푸세요) Blazor Server 6.0 개발 환경 구축 및 게시판 소스 실행해보기 with Visual Studio 2022
|
|
|
3 |
01_01_Blazor(블레이저) 소개 및 강의 시작 42:28
|
 |
|
4 |
01_02_Blazor(블레이저) 개발 환경 구축 및 Blazor Hello World 만들기 22:22
|
 |
|
5 |
01_03_미리보기 세미나_닷넷코어 3.1 설치 및 Blazor 사용해 입출력 기능이 있는 아이디어 관리자 앱 만들기 43:15
|
 |
|
6 |
01_04_Blazor 학습을 위한 BlazorApp 이름의 Blazor 프로젝트를 만들고 GitHub에 푸시 21:00
|
 |
|
7 |
01_05_ASP.NET Core Blazor 소개 및 지원되는 플랫폼 20:28
|
 |
|
8 |
02_01_블레이저에서 알아야 할 8가지 핵심 개념 12:17
|
 |
|
9 |
02_02_TodoListInMemory_초간단 인-메모리 TODO 리스트 만들기 20:36
|
 |
|
10 |
02_03_Bonus_용돈 나누기 앱 만들기 27:02
|
 |
|
11 |
02_04_BlazorApp_BlazorForm_EditForm 컴포넌트를 사용하여 폼 작성 및 폼 유효성 검사 진행하기 14:47
|
 |
|
12 |
03_01_ParentChild_부모 컴포넌트에서 자식 컴포넌트로 또는 그 반대로 데이터 주고 받기 27:00
|
 |
|
13 |
03_02_SearchBox_중첩 컴포넌트_부모 컴포넌트와 자식 컴포넌트 그리고 EventCallback 대리자 39:47
|
 |
|
14 |
03_03_MatBlazor_머티리얼 다지인을 손쉽게 구현하는 MatBlazor 컴포넌트 소개 14:57
|
 |
|
15 |
03_04_ChartJs.Blaozr 컴포넌트를 사용하여 여러 종류의 차트를 빠르게 그리기 27:26
|
 |
|
16 |
03_05_FrmFileUploadTest_Blazor에서 단일 파일 업로드하기 31:18
|
 |
|
17 |
03_06_JavaScript interop을 사용하여 닷넷에서 자바스크립트를 자바스크립트에서 닷넷 메서드를 호출하기 45:38
|
 |
|
18 |
04_01_VisualAcademy 프로젝트 생성 및 StartBootstrap의 ModernBusiness 템플릿 적용 21:17
|
 |
|
19 |
04_02_메인 레이아웃 및 Index, About, Services 페이지 구현 35:27
|
 |
|
20 |
04_03_Blazor 컴포넌트의 구조 설명 및 코드 비하인드 파일 생성 그리고 OnInitialized 이벤트 처리기 추가 33:48
|
 |
|
21 |
04_04_PortfolioWebsites 컴포넌트 추가 및 버튼 클릭에 대한 이벤트 처리기 구현 그리고 NavigationManger 참조 17:47
|
 |
|
22 |
04_05_Modern Business 템플릿의 모든 HTML 페이지를 Blazor 컴포넌트로 복제 완료 32:08
|
 |
|
23 |
04_06_관리자 모드 작성용 부트스트랩 템플릿인 SB Admin 2 다운로드 및 Admin 프로젝트에 적용 54:28
|
 |
|
24 |
04_07_대시보드 템플릿에 ChartJs.Blazor 컴포넌트 샘플 코드를 적용하기 33:48
|
 |
|
25 |
04_08_MatBlazor NuGet 패키지를 설치하고 머티리얼 디자인 형태로 폼을 꾸미는 컴포넌트 사용하기 데모 16:27
|
 |
|
26 |
04_09_VisualAcademy 솔루션에서 사용할 웹 및 API 등의 프로젝트 미리 생성 18:17
|
 |
|
27 |
04_10_Samples 폴더 생성 후 강의 데모 소스 모아놓기 12:33
|
 |
|
28 |
04_11_TabDemo_Bootstrap의 Tab 기능을 자바스크립트 방식과 Blaozr 방식으로 적용하기 23:47
|
 |
|
29 |
04_12_현재 사이트에서 사용된 기술 리스트와 추천 사이트 출력하는 컴포넌트 만들기 29:56
|
 |
|
30 |
04_13_JavaScript Interop을 사용하여 Bootstrap Carousel 컴포넌트를 실행하도록 설정 10:28
|
 |
|
31 |
04_14_참고_강의 소스 이동_BlazorApp 솔루션을 VisualAcademy 솔루션으로 이동 37:28
|
 |
|
32 |
04_15_참고_강의 소스 이동_IdeaAppCore 솔루션을 VisualAcademy 솔루션으로 이동 22:18
|
 |
|
33 |
05_01_VideoAppCore 솔루션 생성 및 GitHub Private 저장소에 업로드 15:26
|
 |
|
34 |
05_02_비디오 앱을 위한 Videos 테이블 생성 및 로컬 DB에 게시 14:54
|
 |
|
35 |
05_03_Videos 테이블과 일대일로 매핑 Video 모델 클래스 생성 13:24
|
 |
|
36 |
05_04_Videos 테이블에 대한 CRUD API 명세서 가이드용 인터페이스 생성 15:36
|
 |
|
37 |
05_05_리포지토리 인터페이스를 상속하는 3가지 리포지토리 클래스 만들기 15:05
|
 |
|
38 |
05_06_DbContext 클래스 생성 및 웹 프로젝트의 DI 컨테이너에 DbContext 클래스 등록 27:27
|
 |
|
39 |
05_07_VideoDbContext 사용 테스트 레이저 컴포넌트 페이지 작성 12:43
|
 |
|
40 |
05_08_여러 DBMS를 편하게 대응하기위해서 Created 컬럼을 DateTimeOffset에서 DateTime으로 변경 10:59
|
 |
|
41 |
05_09_레코드에 대한 상태 추적을 위한 4개의 속성 제공하는 AuditableBase 클래스 생성 및 상속 14:07
|
 |
|
42 |
05_10_비동기 메서드를 제공하는 인터페이스와 이를 상속하는 리포지토리 클래스 생성 11:17
|
 |
|
43 |
05_11_3가지 형태의 리포지토리 클래스 코드 구현 후 DI 등록 후 테스트 페이지에서 테스트 22:21
|
 |
|
44 |
05_12_Videos_비디오 리스트를 출력하는 Index 컴포넌트 작성 16:32
|
 |
|
45 |
05_13_Videos_데이터 입력 페이지 구현 완료 15:28
|
 |
|
46 |
05_14_Videos_인-메모리 데이터베이스를 사용하여 EF Core 리포지토리에 대한 단위 테스트 작성 31:27
|
 |
|
47 |
05_15_Videos_비동기 상세보기, 수정, 삭제 메서드에 대한 단위 테스트 코드 작성 14:21
|
 |
|
48 |
05_16_Videos_상세보기 및 삭제 페이지 구현 21:59
|
 |
|
49 |
05_17_Videos_수정 페이지까지 구현 완료 후 JSRuntime으로 삭제 확인 메시지 출력 12:58
|
 |
|
50 |
05_18_참고_강의 소스 이동_VideoAppCore 솔루션을 VisualAcademy 솔루션으로 이동 29:28
|
 |
|
51 |
06_01_ManufacturerAppCore_미리 완성된 프로젝트 소스 및 실행 데모 진행 06:02
|
 |
|
52 |
06_02_ManufacturerApp_고객사 리스트 관리 앱 만들기 시작 및 리스트 및 삭제 기능까지 구현 67:54
|
 |
|
53 |
06_03_ManufacturerApp_고객사 등록 및 수정 기능을 하나의 서브 컴포넌트로 구현하기 38:39
|
 |
|
54 |
06_04_ManufacturerApp_참고_코드 리팩터링_테스트 코드 추가 46:12
|
 |
|
55 |
06_05_참고_리스트 페이지에 페이저 컴포넌트(페이징 헬퍼 컨트롤) 추가하기 43:40
|
 |
|
56 |
06_06_참고_강의 소스 이동_ManufacturerApp 솔루션을 VisualAcademy 솔루션으로 이동 24:37
|
 |
|
57 |
07_01_복습_MachineApp 솔루션 생성 및 SQL Server 데이터베이스 프로젝트로 데이터베이스와 테이블 생성 22:52
|
 |
|
58 |
07_02_복습_.NET Standard 기반의 클래스 라이브러리 프로젝트 추가 및 Machine 모델 클래스 생성 16:28
|
 |
|
59 |
07_03_복습_Repository Interface 생성 및 5개 비동기 메서드 이름 설계 25:06
|
 |
|
60 |
07_04_복습_EF Core를 사용하는 DbContext 클래스 생성 17:03
|
 |
|
61 |
07_05_복습_EF Core를 사용하여 리포지토리 클래스에 비동기 메서드 5개 구현하기 15:12
|
 |
|
62 |
07_06_복습_MSTest 기반의 단위 테스트 프로젝트 만들고 리포지토리 클래스의 모든 메서드를 테스트 56:21
|
 |
|
63 |
07_07_복습_리팩터링 및 페이징 처리용 비동기 메서드 추가 26:55
|
 |
|
64 |
07_08_복습_MachinesMedias 테이블 생성 및 관련 코드 구현 23:36
|
 |
|
65 |
07_09_복습_Blazor 프로젝트 생성 및 Machines_Index 페이지 기본 구현 27:48
|
 |
|
66 |
07_10_참고_강의 소스 이동_MachineApp 솔루션을 VisualAcademy 솔루션으로 이동 13:20
|
 |
|