| 1 |
Chapter 01. 1. 리액트 프로그래밍 입문 강의 시작 |
| 2 |
Chapter 02. 2. 리액트 개발 환경 구축 및 클라우드 기반 데브옵스 설정하는 전체적인 절차에 대한 데모 |
| 3 |
Chapter 03. 3. Windows 환경에서 리액트 개발 환경 구축 및 리액트 프로젝트 생성하는 2가지 방법 설명 |
| 4 |
Chapter 04. 4. 두 가지 방식으로 리액트 프로젝트를 만드는 방법 설명(create react app과 dotnet new react) |
| 5 |
Chapter 05. 5. 참고_ReactDemo_프로젝트 생성 후 로컬 테스트 후 GitHub 리포지토리에 게시하는 전체 절차 설명 |
| 6 |
Chapter 06. 6. Temp 폴더에 dotnet new react 명령으로 풀스택 프로젝트 생성 및 실행 그리고 여러 가지 사용법 데모 |
| 7 |
Chapter 07. 7. Create React App으로 만든 리액트 프로젝트의 구조 간단히 살펴보기 |
| 8 |
Chapter 08. 8. 현재 강의에서 만들어지는 최종 소스인 ReactMemo와 BookApp.React 프로젝트 다운 및 설치 그리고 실행하기 데모 |
| 9 |
Chapter 09. 9. 순수 HTML 파일에 리액트 적용하기 소개 |
| 10 |
Chapter 10. 10. HelloReact_순수한 HTML 파일에서 리액트 헬로월드 예제 만들고 실행해보기 |
| 11 |
Chapter 11. 11. HelloReact_React Developer Tools 설치 및 createElement 함수에 속성 적용하기 |
| 12 |
Chapter 12. 12. HelloReact_중첩된 HTML 요소를 React_createElement 함수를 여러 번 사용해서 구현하기 |
| 13 |
Chapter 13. 13. HelloReact_Babel 라이브러리를 사용하여 JSX로 HTML 요소 작성하기 |
| 14 |
Chapter 14. 14. HelloReact_JSX에서 스타일 사용하기_className으로 CSS Class 적용하기 |
| 15 |
Chapter 15. 15. HelloReact_JSX 표현식 사용하기 |
| 16 |
Chapter 16. 16. HelloReact_함수 컴포넌트 만들고 JSX 표현식에 적용하기 |
| 17 |
Chapter 17. 17. HelloReact_Props_동적 개체인 props를 사용하여 컴포넌트에 전달된 속성 이름과 속성 값을 받아 사용하기 |
| 18 |
Chapter 18. 18. HelloReact_구조 파괴 할당(구조 분해 할당)을 사용하여 props를 좀 더 간결하게 사용하기 |
| 19 |
Chapter 19. 19. HelloReact_JSX에서 조건(3항) 연산자 사용하기 |
| 20 |
Chapter 20. 20. HelloReact_함수 컴포넌트와 클래스 컴포넌트_클래스로 컴포넌트 만들기 |
| 21 |
Chapter 21. 21. HelloReact_state와 setState로 상태 데이터를 저장하고 onClick 이벤트 처리기에서 상태 데이터를 수정하기 |
| 22 |
Chapter 22. 22. HelloReact_컬렉션 형태의 데이터 출력 및 부트스트랩으로 UI 꾸미기 |
| 23 |
Chapter 23. 1. SeeSharpGuide_01_create react app으로 프로젝트 만들고 기본 컴포넌트와 함수 컴포넌트를 사용하여 강좌 리스트 |
| 24 |
Chapter 24. 2. SeeSharpGuideTitle_className과 style을 사용하여 자식 컴포넌트에 스타일 적용하는 방법 설명 |
| 25 |
Chapter 25. 3. 리액트 라우팅 경로 지정 이론 설명 |
| 26 |
Chapter 26. 4. About 컴포넌트 생성 및 라우팅에 추가 |
| 27 |
Chapter 27. 5. Contact 컴포넌트 생성 및 실행 데모 |
| 28 |
Chapter 28. 6. ContactDetails와 Copyright 서브 컴포넌트 생성 및 부모 컴포넌트에 포함해서 실행 |
| 29 |
Chapter 29. 7. TechList와 SiteList 서브 컴포넌트 생성 및 Home 컴포넌트에 포함해서 실행 |
| 30 |
Chapter 30. 8. About과 Contact 컴포넌트 UI 변경하기 |
| 31 |
Chapter 31. 9. 버튼에 인라인 스타일 적용하기 |
| 32 |
Chapter 32. 10. React.Fragment를 사용하여 컴포넌트에서 동일 레벨의 여러 HTML 요소 표현하기 |
| 33 |
Chapter 33. 11. 리액트 state 개체로 상태 관리하기 이론 |
| 34 |
Chapter 34. 12. StateDescription_state 개체를 사용 |
| 35 |
Chapter 35. 13. 리액트 컴포넌트 라이프 사이클 componentDidMount |
| 36 |
Chapter 36. 14. 리액트 onClick 이벤트 처리기 이론 |
| 37 |
Chapter 37. 15. OnClickEventHandler_onCLick 이벤트 처리기에서 클릭 이벤트를 처리하는 3가지 모양 정리 |
| 38 |
Chapter 38. 16. OneWayBinding_React |
| 39 |
Chapter 39. 17. 초간단 인메모리 TodoList 만들기 데모 |
| 40 |
Chapter 40. 01. FunctionStateDemo_useState()를 사용하여 함수 컴포넌트에서 상태 관리 |
| 41 |
Chapter 41. 02. useEffect Hook를 사용하여 페이지 로드할 때 필요한 기능 수행 |
| 42 |
Chapter 42. 03. useEffect를 사용하여 페이지 로드할 때 fetch 함수로 Web API 호출하기 |
| 43 |
Chapter 43. 04. FetchApiPractice_fetch api를 사용하여 Web API를 호출하여 JSON 데이터 출력하기 |
| 44 |
Chapter 44. 05. TextBoxOnChangeEventHandler_텍스트박스의 change |
| 45 |
Chapter 45. 06. Web API 만들기 |
| 46 |
Chapter 46. 07. BookApp.React 프로젝트 생성 및 SQL Server 데이터베이스 프로젝트 추가 후 Books 테이블 생성 |
| 47 |
Chapter 47. 08. Books 테이블과 일대일로 매핑되는 Book 모델 클래스 생성 |
| 48 |
Chapter 48. 09. 모델 클래스를 기본으로 리포지토리 인터페이스와 클래스 코드 구현 |
| 49 |
Chapter 49. 10. 테스트 프로젝트 생성 및 5개 메서드에 대한 테스트 코드 작성 |
| 50 |
Chapter 50. 11. 리액트에서 사용될 REST 서비스를 위한 Web API 프로젝트 생성 및 종속성 주입 후 GET 메서드 테스트 |
| 51 |
Chapter 51. 12. Web API 상세, 입력, 수정, 삭제 메서드 구현 |
| 52 |
Chapter 52. 13. React 프로젝트에서 CORS를 설정한 Web API 프로젝트를 fetch 함수로 호출 테스트 |
| 53 |
Chapter 53. 14. ASP.NET Core Web API를 사용하여 백엔드 파트 구현 완료 |
| 54 |
Chapter 54. 15. 책 리스트를 출력하는 BooksIndex 클래스 컴포넌트 생성 및 기본 모양 테스트 |
| 55 |
Chapter 55. 16. fetch 함수를 사용하여 Web API 호출 후 JSON 데이터를 리스트 페이지에 출력하기 |
| 56 |
Chapter 56. 17. Promise 기반 HTTP 클라이언트인 axios를 사용하여 Web API 호출하기 |
| 57 |
Chapter 57. 18. Create, Edit, Delete 버튼 및 클릭 이벤트 처리기 생성 |
| 58 |
Chapter 58. 19. 라우팅에 Index, Create, Edit, Delete 컴포넌트 등록 |
| 59 |
Chapter 59. 20. 부트스트랩으로 Create 페이지에 대한 UI 작성 및 axios의 post 함수 호출로 입력 기능 구현 완료 |
| 60 |
Chapter 60. 21. 넘어온 id 값에 해당하는 자료를 표시한 후 수정 페이지 기능 구현 그리고 삭제 컴포넌트 기능 구현 완료 |
| 61 |
Chapter 61. 22. 보강_화살표 함수(람다 식)로 이벤트 핸들러 바인딩_강의 완료 |
 프로그래밍 입문.PNG)
내강의실
