|
| 차시 |
강의 내용 |
시간 |
|
| 1 | FunctionStateDemo_useState()를 사용하여 함수 컴포넌트에서 상태 관리 | 7분 |
|
| 2 | useEffect Hook를 사용하여 페이지 로드할 때 필요한 기능 수행 | 9분 |
|
| 3 | useEffect를 사용하여 페이지 로드할 때 fetch 함수로 Web API 호출하기 | 6분 |
|
| 4 | FetchApiPractice_fetch api를 사용하여 Web API를 호출하여 JSON 데이터 출력하기 | 15분 |
|
| 5 | TextBoxOnChangeEventHandler_텍스트박스의 change 이벤트에서 텍스트박스의 값을 가져와 상태 데이터에 저장하기 | 12분 |
|
| 6 | JSON 데이터를 주고 받을 수 있도록 닷넷코어 백엔드 기술을 사용하여 Web API 만들기 시작 데모 | 12분 |
|
| 7 | BookApp.React 프로젝트 생성 및 SQL Server 데이터베이스 프로젝트 추가 후 Books 테이블 생성 | 23분 |
|
| 8 | Books 테이블과 일대일로 매핑되는 Book 모델 클래스 생성 | 14분 |
|
| 9 | 모델 클래스를 기본으로 리포지토리 인터페이스와 클래스 코드 구현 | 34분 |
|
| 10 | 테스트 프로젝트 생성 및 5개 메서드에 대한 테스트 코드 작성 | 19분 |
|
| 11 | 리액트에서 사용될 REST 서비스를 위한 Web API 프로젝트 생성 및 종속성 주입 후 GET 메서드 테스트 | 24분 |
|
| 12 | Web API 상세, 입력, 수정, 삭제 메서드 구현 | 16분 |
|
| 13 | React 프로젝트에서 CORS를 설정한 Web API 프로젝트를 fetch 함수로 호출 테스트 | 13분 |
|
| 14 | ASP.NET Core Web API를 사용하여 백엔드 파트 구현 완료 | 8분 |
|
| 15 | 책 리스트를 출력하는 BooksIndex 클래스 컴포넌트 생성 및 기본 모양 테스트 | 18분 |
|
| 16 | fetch 함수를 사용하여 Web API 호출 후 JSON 데이터를 리스트 페이지에 출력하기 | 11분 |
|
| 17 | Promise 기반 HTTP 클라이언트인 axios를 사용하여 Web API 호출하기 | 11분 |
|
| 18 | Create, Edit, Delete 버튼 및 클릭 이벤트 처리기 생성 | 20분 |
|
| 19 | 라우팅에 Index, Create, Edit, Delete 컴포넌트 등록 및 history 개체를 사용하여 이동 기능 구현 | 14분 |
|
| 20 | 부트스트랩으로 Create 페이지에 대한 UI 작성 및 axios의 post 함수 호출로 입력 기능 구현 완료 | 22분 |
|
| 21 | 넘어온 id 값에 해당하는 자료를 표시한 후 수정 페이지 기능 구현 그리고 삭제 컴포넌트 기능 구현 완료 | 20분 |
|
| 22 | 보강_화살표 함수(람다 식)로 이벤트 핸들러 바인딩 | 4분 |
|
