| 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
|
|
|
