프레듀 원격평생교육원

과목정보

[HD]Microsoft 최신의 웹기술 - Blazor(블레이저) 프로그래밍 (게시판 프로젝트) Part.1

강사명 차시 학습시간 샘플
박용준 24 8 시간
모두보기
과정소개
학습대상
학습목표
학습내용

과정소개

본 과정은 Blazor와 C#을 사용하여 여러 종류의 게시판을 만드는 방법을 학습합니다.

학습대상

최신의 Blazor(블레이저)를 사용하여 웹앱 및 게시판을 만들고자하는 학생 또는 개발자

학습목표

Blazor와 C#을 사용하여 공지사항, 자료실, 답변형 게시판을 만드는 방법을 살펴봅니다.
기본형 게시판을 만들면서 웹앱 작성시 필수가되는 CRUD 데이터베이스 프로그래밍을 학습합니다.
공지사항 게시판을 만들면서 페이지 이동 또는 팝업을 통한 데이터베이스 입출력 기능을 구현합니다.
자료실 게시판을 만들면서 파일을 업로드하고 다운로드하는 방법을 배우고 엑셀 파일을 업로드하거나 다운로드하는 방식으로 확장하는 기능을 소개합니다.

학습목표

1. Blazor 게시판 프로젝트 강의 소개
2. ArticleApp_게시판 프로젝트 시작
3. ArticleApp_솔루션 및 프로젝트 생성 그리고 GitHub에 공개
4. 최소 크기의 모델과 테이블 생성 그리고 로컬 데이터베이스 게시
5. 리포지토리 패턴과 리포지토리 인터페이스
6. Entity Framework Core 참조 및 데이터베이스 컨텍스트 클래스 생성
7. 리포지토리 클래스의 주요 비동기 메서드 기능 구현
8. 테스트 프로젝트에서 리포지토리 클래스의 모든 비동기 메서드 테스트
9. Blazor 프로젝트 생성 및 게시판 관련 기본 페이지 생성
10. 공통 클래스에 대한 의존성 주입 관련 코드를 Startup 파일에 추가
11. 게시판 리스트 페이지 작성
12. 게시판 글쓰기 페이지 작성
13. 게시판 상세보기 페이지 작성
14. 게시판 수정 페이지 작성 및 Content 열 추가 후 관련 코드 수정
15. 게시판 삭제 페이지 작성 및 확인 관련 기능을 IJSRuntime으로 구현
16. 게시판 리스트에 페이저 컴포넌트 적용 및 기본 페이징 구현
17. 페이저 컴포넌트 UI 만들기
18. IsPinned 속성 추가 및 공지글로 설정하는 기능을 모달 폼으로 구현하기
19. 부트스트랩 모달 폼을 사용하여 관리자 전용 데이터 삭제 모달 다이얼로그 구현
20. 부트스트랩 모달 폼을 사용하여 관리자 전용 데이터 입력 및 수정 모달 폼 구현
21. 상세보기 내용의 줄바꿈 등을 추가 및 게시판의 UI를 개선하기
22. 인라인 코드 방식을 코드 비하인드 방식으로 변경
23. DulPager_페이저 컴포넌트를 Razor 클래스 라이브러리로 만들어 NuGet 갤러리에 공개
24. 게시판의 페이저 컴포넌트를 NuGet 갤러리의 DulPager로 대체