배우고 익히는 즐거움, 아이티고
알림
[HD]페이스북에서 만든 오픈 소스 자바스크립트 React(리액트) 프로그래밍 입문 Part.3
여기를 클릭하면, 샘플강의가 재생됩니다.
박용준 강사
- tag
[HD]페이스북에서 만든 오픈 소스 자바스크립트 React(리액트) 프로그래밍 입문 Part.3
담당강사 : 박용준
| 강의구성 | 총 22강좌 (강의시간 : 총 ) | 수강기간 | 30일 |
|---|---|---|---|
| 강의형식 | 동영상 + 자막 | 수강료 |
44,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 | 강의에서 사용하는 프로그램 & 버전 |
- |
| 담당강사 |
박용준 강사
|
||
- 과정소개
-
리액트(React)는 페이스북에서 만든 오픈 소스 자바스크립트 라이브러리입니다. 자바스크립트를 사용하여 컴포넌트 기반으로 UI를 만들 수 있습니다.
SPA(Single Page Application)을 만드는데 최적화된 현재 가장 인기있는 프런트엔드 개발 라이브러리인 리액트를 사용하여 웹 개발을 하는데 필요한 모든 구성 요소를 학습합니다.
- 학습목표
-
리액트(React)를 사용한 웹 개발에 대한 기본 개념을 학습합니다.
리액트의 컴포넌트를 만드는 여러가지 방법을 학습합니다.
닷넷코어를 사용하여 백엔드 API를 만드는 방법을 학습합니다.
하나의 완성된 데이터베이스 처리 웹앱을 만들어봅니다.
- 교육대상
- 리액트와 닷넷코어를 기반으로 풀스택으로 웹 개발을 하고자하는 개발자
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
아이티고 강좌질문 모음
※ 아이티고 강좌 관련 문의입니다. 질문을 남기고 싶으면 1:1문의 게시판에 남겨주세요.
1 / 7
- 강좌 리스트
- 01. FunctionStateDemo_useState()를 사용하여 함수 컴포넌트에서 상태 관리 [07:01]
- 02. useEffect Hook를 사용하여 페이지 로드할 때 필요한 기능 수행 [09:01]
- 03. useEffect를 사용하여 페이지 로드할 때 fetch 함수로 Web API 호출하기 [06:39]
- 04. FetchApiPractice_fetch api를 사용하여 Web API를 호출하여 JSON 데이터 출력하기 [15:51]
- 05. TextBoxOnChangeEventHandler_텍스트박스의 change 이벤트에서 텍스트박스의 값을 가져와 상태 데이터에 저장하기 [12:22]
- 06. JSON 데이터를 주고 받을 수 있도록 닷넷코어 백엔드 기술을 사용하여 Web API 만들기 시작 데모 [12:57]
- 07. BookApp.React 프로젝트 생성 및 SQL Server 데이터베이스 프로젝트 추가 후 Books 테이블 생성 [23:35]
- 08. Books 테이블과 일대일로 매핑되는 Book 모델 클래스 생성 [14:20]
- 09. 모델 클래스를 기본으로 리포지토리 인터페이스와 클래스 코드 구현 [34:23]
- 10. 테스트 프로젝트 생성 및 5개 메서드에 대한 테스트 코드 작성 [19:59]
- 11. 리액트에서 사용될 REST 서비스를 위한 Web API 프로젝트 생성 및 종속성 주입 후 GET 메서드 테스트 [24:02]
- 12. Web API 상세, 입력, 수정, 삭제 메서드 구현 [16:57]
- 13. React 프로젝트에서 CORS를 설정한 Web API 프로젝트를 fetch 함수로 호출 테스트 [13:32]
- 14. ASP.NET Core Web API를 사용하여 백엔드 파트 구현 완료 [08:47]
- 15. 책 리스트를 출력하는 BooksIndex 클래스 컴포넌트 생성 및 기본 모양 테스트 [18:34]
- 16. fetch 함수를 사용하여 Web API 호출 후 JSON 데이터를 리스트 페이지에 출력하기 [11:20]
- 17. Promise 기반 HTTP 클라이언트인 axios를 사용하여 Web API 호출하기 [11:12]
- 18. Create, Edit, Delete 버튼 및 클릭 이벤트 처리기 생성 [20:21]
- 19. 라우팅에 Index, Create, Edit, Delete 컴포넌트 등록 및 history 개체를 사용하여 이동 기능 구현 [14:57]
- 20. 부트스트랩으로 Create 페이지에 대한 UI 작성 및 axios의 post 함수 호출로 입력 기능 구현 완료 [22:48]
- 21. 넘어온 id 값에 해당하는 자료를 표시한 후 수정 페이지 기능 구현 그리고 삭제 컴포넌트 기능 구현 완료 [20:26]
- 22. 보강_화살표 함수(람다 식)로 이벤트 핸들러 바인딩_강의 완료 [04:18]