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