위 강좌 이미지를 클릭하시면 강의목차(table of contents)로 바로 이동합니다. 본 강좌는 다운로드 방식 강좌입니다. 따라서, 수강신청 후 내pc로 다운 저장하여 학습합니다.
| 수강기간 | VIP 프리패스로 이용시10개월 단과로 이용시2개월 |
|---|---|
| 교육방식 | 다운로드 방식 - 강의를 내pc로 다운로드 받아서 저장해놓고 학습하는 방식 |
| 수강금액 | 275,000원 / 2개월 (VIP 프리패스로 이용시는 무료 이용이며, 프리패스 수강기간이 적용) |
| 자료제공 | 제공되는 자료가 있는 경우 1회차 목차에서 강의소스 및 첨부파일 제공 |
상세설명 및 참고사항
| 1 강 |
01_01_React.js 게시판 프로젝트 강의 소개 및 기본 실행 모양 미리 살펴보기
|
10:01 |
|---|
| 2 강 | 02_01_프롤로그_리액트 게시판 프로젝트 강좌를 위한 개발 환경 구축 빠르게 살펴보기 | 26:22 |
|---|
| 3 강 | 03_01_리액트 게시판 프로젝트 만들기 시작_로컬에서 프로젝트 생성 및 실행 그리고 GitHub에 소스 게시 | 24:40 |
|---|
| 4 강 | 03_02_복습_리액트 게시판 프로젝트의 메인 소스 저장 프로젝트인 RedPlus 프로젝트를 다시 만들고 실행하기 데모 | 11:47 |
|---|
| 5 강 | 04_01_기본형 게시판 관련 Create, Index, Details, Edit, Delete 컴포넌트 생성 및 라우팅에 등록 | 16:38 |
|---|
| 6 강 | 04_02_리액트 컴포넌트의 주요 구성 요소 설정_componentDidMount, state, navigateTo | 10:55 |
|---|
| 7 강 | 05_00_리액트 게시판 프로젝트의 백엔드를 담당하는 EntryApp 솔루션에 대한 소개 | 04:03 |
|---|
| 8 강 | 05_01_SQL Server Management Studio 다운로드 및 설치 그리고 실행 데모 | 04:48 |
|---|
| 9 강 | 05_02_EntryApp_백엔드_게시판 프로젝트를 위한 Entries 테이블 생성 및 로컬 DB에 게시 | 05:03 |
|---|
| 10 강 | 05_03_EntryApp_닷넷 스탠다드 프로젝트 생성 및 Entries 테이블과 일대일인 Entry 모델 클래스 생성 | 08:56 |
|---|
| 11 강 | 05_04_EntryApp_리포지토리 인터페이스와 DbContext 클래스 그리고 리포지토리 클래스에 대한 뼈대 구성 | 14:22 |
|---|
| 12 강 | 05_05_EF Core를 사용하여 데이터베이스에 접근해서 SQL 개체를 사용하도록 DbContext 클래스 기본 코드 작성 | 10:38 |
|---|
| 13 강 | 05_06_EntryRepository_리포지토리 클래스의 모든 메서드의 실제 코드 구현 | 26:00 |
|---|
| 14 강 | 05_07_리포지토리 클래스에 대한 테스트를 위한 MSTest 프로젝트 생성 후 테스트 코드 작성 | 26:08 |
|---|
| 15 강 | 05_08_Web API 프로젝트 생성 및 EntriesController 이름으로 Web API 컨트롤러 클래스 생성 및 기본 코드 작성 | 15:08 |
|---|
| 16 강 | 05_09_EntryApp.Apis 프로젝트의 모든 Web API 관련 코드 작성 및 PostMan 설치 후 테스트 또는 Swagger UI로 테스트 | 41:18 |
|---|
| 17 강 | 05_10_참고_닷넷 스탠다드 프로젝트를 DulEntryApp.Models 이름으로 NuGet 갤러리에 공개하기 | 13:28 |
|---|
| 18 강 | 06_01__ASP.NET Core React SPA 템플릿을 사용하여 리액트 프로젝트 생성 및 실행 그리고 3개의 프로젝트로 관리하기 | 13:32 |
|---|
| 19 강 | 06_02_리액트 프로젝트에 클래스 라이브러리와 데이터베이스 프로젝트 추가하기 | 04:28 |
|---|
| 20 강 | 06_03_참고_리액트 프로젝트를 Azure 웹 앱에 게시하기 데모 | 57:21 |
|---|
| 21 강 | 06_04_참고_리액트 관련된 모든 소스 코드는 RedPlus 솔루션에 적용 안내 | 03:07 |
|---|
| 22 강 | 07_01_EntryApp 프로젝트에서 만든 Web API를 RedPlus 프로젝트에 적용하기_DbContextOptions 변경 필수 | 18:14 |
|---|
| 23 강 | 08_01_EntryIndex_학습용 게시판 리스트 페이지 구현하기 | 37:02 |
|---|
| 24 강 | 08_02_EntryCreate_게시판 글쓰기 페이지 구현하기 | 22:40 |
|---|
| 25 강 | 08_03_리스트 페이지에서 직접 항목을 삭제하는 버튼과 메서드 기능 구현하기_fetch와 filter 함수 사용 | 04:48 |
|---|
| 26 강 | 08_04_EntryDetails_단일 레코드를 표시하는 상세 보기 페이지 구현하기 | 14:24 |
|---|
| 27 강 | 08_05_EntryDelete_게시물 삭제 페이지 구현하고 관련 링크 버튼 연결하기 | 22:23 |
|---|
| 28 강 | 08_06_EntryEdit_게시물 수정 페이지 구현하기_입력과 상세 로직을 그대로 적용 후 수정하기 기능만 추가 | 15:37 |
|---|
| 29 강 | 08_07_Entries 모듈의 CRUD 기능과 UI를 1차적으로 완성 | 11:01 |
|---|
| 30 강 | 08_08_코드정리_수정 컴포넌트의 이름 텍스트박스만 ref 속성을 사용하고 refs 속성으로 DOM 값을 참조하기 | 03:04 |
|---|
| 31 강 | 09_01_리액트 강의에서 사용한 BookApp.React 솔루션의 모든 기능을 RedPlus 솔루션으로 가져오기 | 15:27 |
|---|
| 32 강 | 10_01_React.js 공통 컴포넌트인 페이저(Pagination) 컴포넌트 만들기 시작 | 05:40 |
|---|
| 33 강 | 10_02_React.js 페이저 컴포넌트 기본 코드 작성 | 06:05 |
|---|
| 34 강 | 10_03_자식 컴포넌트인 페이저 컴포넌트에서 버튼을 클릭했을 때의 상태 값을 부모 컴포넌트에 전달하기 | 11:53 |
|---|
| 35 강 | 10_04_부모로부터 페이저 컴포넌트 관련 주요 속성들 받고, 처음 링크와 마지막 링크 기능 구현 | 26:44 |
|---|
| 36 강 | 10_05_페이지 수만큼 숫자 버튼 출력하기 | 15:12 |
|---|
| 37 강 | 10_06_DulPagination_페이저 컴포넌트에 이전과 다음 페이지로 이동할 수 있는 링크 버튼 추가 | 09:08 |
|---|
| 38 강 | 10_07_페이저 컴포넌트에 이전 n개 링크 버튼과 다음 n개 링크 버튼 추가하기 | 16:08 |
|---|
| 39 강 | 10_08_DulPagination 컴포넌트 이름의 페이저 컴포넌트 제작 완성 | 18:22 |
|---|
| 40 강 | 10_09_페이저 컴포넌트를 따로 만들었던 프로젝트의 소스를 강의 메인 소스로 가져오기 | 03:57 |
|---|
| 41 강 | 11_01_리액트 게시판 리스트에 페이저 컴포넌트 기본으로 적용하기 | 13:17 |
|---|
| 42 강 | 11_02_페이저 컴포넌트와 페이징 관련 Web API를 호출하는 방식으로 displayData 메서드 다시 만들기 | 24:17 |
|---|
| 43 강 | 12_01_디바운스 기능이 적용된 검색 텍스트박스 컴포넌트인 SearchBox 컴포넌트 만들고 테스트 | 42:39 |
|---|
| 44 강 | 12_02_리액트 게시판 프로젝트 메인 강의 소스로 SearchBox 컴포넌트 가져오기 | 04:06 |
|---|
| 45 강 | 13_01_게시판 리스트에 SearchBox 컴포넌트 기본 기능으로 적용하기 | 10:28 |
|---|
| 46 강 | 13_02_SearchQuery 매개 변수를 더 갖는 리포지토리와 Web API 만들고 최종적으로 검색 기능 구현 완료하기 | 18:38 |
|---|
| 47 강 | 14_01_에필로그_완성된 게시판 소스를 최종적으로 Azure Web App에 게시하여 서비스하기 | 04:38 |
|---|
