위 강좌 이미지를 클릭하시면 강의목차(table of contents)로 바로 이동합니다. 본 강좌는 다운로드 방식 강좌입니다. 따라서, 수강신청 후 내pc로 다운 저장하여 학습합니다.
| 수강기간 | VIP 프리패스로 이용시10개월 단과로 이용시2개월 |
|---|---|
| 교육방식 | 다운로드 방식 - 강의를 내pc로 다운로드 받아서 저장해놓고 학습하는 방식 |
| 수강금액 | 330,000원 / 2개월 (VIP 프리패스로 이용시는 무료 이용이며, 프리패스 수강기간이 적용) |
| 자료제공 | 제공되는 자료가 있는 경우 1회차 목차에서 강의소스 및 첨부파일 제공 |
상세설명 및 참고사항
| 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 |
|---|
