[HD]페이스북에서 만든 오픈 소스 자바스크립트 React(리액트) 프로그래밍 입문 Part.3

  • 고용보험의 훈련범위와 상관없이 자유롭게 수강할 수 있습니다.
    일반 수강생을 대상으로 교육을 진행하며,
    환급절차 없이 진행되는 과정입니다.
    (직장인/비직장인/대학생/주부 등 모두 이용 가능)
개강 및 종강
신청한 일자로 부터 30일
(금일기준 2024년 09월 29일 ~ 2024년 10월 29일)
학습기간

30일 + 무료 추가복습기간 제공
수료기준 진도 100% 이상 , 시험 0회 , 과제 0회 상세보기
교육비정가 44,000 원
실결제금액 44,000 원
  • 과정소개
  • 학습대상
  • 학습목표
  • 교수소개
  • 교재정보
  • 학습내용
  • 평가기준
과정 소개 리액트(React)는 페이스북에서 만든 오픈 소스 자바스크립트 라이브러리입니다. 자바스크립트를 사용하여 컴포넌트 기반으로 UI를 만들 수 있습니다. 
SPA(Single Page Application)을 만드는데 최적화된 현재 가장 인기있는 프런트엔드 개발 라이브러리인 리액트를 사용하여 웹 개발을 하는데 필요한 모든 구성 요소를 학습합니다.
학습 대상 리액트와 닷넷코어를 기반으로 풀스택으로 웹 개발을 하고자하는 개발자
학습 목표 리액트(React)를 사용한 웹 개발에 대한 기본 개념을 학습합니다.
리액트의 컴포넌트를 만드는 여러가지 방법을 학습합니다.
닷넷코어를 사용하여 백엔드 API를 만드는 방법을 학습합니다.
하나의 완성된 데이터베이스 처리 웹앱을 만들어봅니다.
교수 소개 박용준
교재 정보
학습내용
차시 내용
1차시 1. FunctionStateDemo_useState()를 사용하여 함수 컴포넌트에서 상태 관리
2차시 2. useEffect Hook를 사용하여 페이지 로드할 때 필요한 기능 수행
3차시 3. useEffect를 사용하여 페이지 로드할 때 fetch 함수로 Web API 호출하기
4차시 4. FetchApiPractice_fetch api를 사용하여 Web API를 호출하여 JSON 데이터 출력하기
5차시 5. TextBoxOnChangeEventHandler_텍스트박스의 change 이벤트에서 텍스트박스의 값을 가져와 상태 데이터에 저장하기
6차시 6. JSON 데이터를 주고 받을 수 있도록 닷넷코어 백엔드 기술을 사용하여 Web API 만들기 시작 데모
7차시 7. BookApp.React 프로젝트 생성 및 SQL Server 데이터베이스 프로젝트 추가 후 Books 테이블 생성
8차시 8. Books 테이블과 일대일로 매핑되는 Book 모델 클래스 생성
9차시 9. 모델 클래스를 기본으로 리포지토리 인터페이스와 클래스 코드 구현
10차시 10. 테스트 프로젝트 생성 및 5개 메서드에 대한 테스트 코드 작성
11차시 11. 리액트에서 사용될 REST 서비스를 위한 Web API 프로젝트 생성 및 종속성 주입 후 GET 메서드 테스트
12차시 12. Web API 상세, 입력, 수정, 삭제 메서드 구현
13차시 13. React 프로젝트에서 CORS를 설정한 Web API 프로젝트를 fetch 함수로 호출 테스트
14차시 14. ASP.NET Core Web API를 사용하여 백엔드 파트 구현 완료
15차시 15. 책 리스트를 출력하는 BooksIndex 클래스 컴포넌트 생성 및 기본 모양 테스트
16차시 16. fetch 함수를 사용하여 Web API 호출 후 JSON 데이터를 리스트 페이지에 출력하기
17차시 17. Promise 기반 HTTP 클라이언트인 axios를 사용하여 Web API 호출하기
18차시 18. Create, Edit, Delete 버튼 및 클릭 이벤트 처리기 생성
19차시 19. 라우팅에 Index, Create, Edit, Delete 컴포넌트 등록 및 history 개체를 사용하여 이동 기능 구현
20차시 20. 부트스트랩으로 Create 페이지에 대한 UI 작성 및 axios의 post 함수 호출로 입력 기능 구현 완료
21차시 21. 넘어온 id 값에 해당하는 자료를 표시한 후 수정 페이지 기능 구현 그리고 삭제 컴포넌트 기능 구현 완료
22차시 22. 보강_화살표 함수(람다 식)로 이벤트 핸들러 바인딩
평가기준
평가항목 진도율 시험 과제 진행단계평가 수료기준
평가비율 - 0% 0% 0% -
수료조건 100% 이상 0점 이상 0점 이상 0점 이상 0점 이상
목록보기 맨위로