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

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

30일 + 무료 추가복습기간 제공
수료기준 진도 100% 이상 , 시험 0회 , 과제 0회 상세보기
교육비정가 34,000 원
실결제금액 34,000 원
  • 과정소개
  • 학습대상
  • 학습목표
  • 교수소개
  • 교재정보
  • 학습내용
  • 평가기준
과정 소개 리액트(React)는 페이스북에서 만든 오픈 소스 자바스크립트 라이브러리입니다. 자바스크립트를 사용하여 컴포넌트 기반으로 UI를 만들 수 있습니다. 
SPA(Single Page Application)을 만드는데 최적화된 현재 가장 인기있는 프런트엔드 개발 라이브러리인 리액트를 사용하여 웹 개발을 하는데 필요한 모든 구성 요소를 학습합니다.
학습 대상 리액트와 닷넷코어를 기반으로 풀스택으로 웹 개발을 하고자하는 개발자
학습 목표 리액트(React)를 사용한 웹 개발에 대한 기본 개념을 학습합니다.
리액트의 컴포넌트를 만드는 여러가지 방법을 학습합니다.
닷넷코어를 사용하여 백엔드 API를 만드는 방법을 학습합니다.
하나의 완성된 데이터베이스 처리 웹앱을 만들어봅니다.
교수 소개 박용준
교재 정보
학습내용
차시 내용
1차시 1. SeeSharpGuide_01_create-react-app으로 프로젝트 만들고 기본 컴포넌트와 함수 컴포넌트를 사용하여 강좌 리스트
2차시 2. SeeSharpGuideTitle_className과 style을 사용하여 자식 컴포넌트에 스타일 적용하는 방법 설명
3차시 3. 리액트 라우팅 경로 지정 이론 설명
4차시 4. About 컴포넌트 생성 및 라우팅에 추가
5차시 5. Contact 컴포넌트 생성 및 실행 데모
6차시 6. ContactDetails와 Copyright 서브 컴포넌트 생성 및 부모 컴포넌트에 포함해서 실행
7차시 7. TechList와 SiteList 서브 컴포넌트 생성 및 Home 컴포넌트에 포함해서 실행
8차시 8. About과 Contact 컴포넌트 UI 변경하기
9차시 9. 버튼에 인라인 스타일 적용하기
10차시 10. React.Fragment를 사용하여 컴포넌트에서 동일 레벨의 여러 HTML 요소 표현하기
11차시 11. 리액트 state 개체로 상태 관리하기 이론
12차시 12. StateDescription_state 개체를 사용하여 클래스 컴포넌트에서 title과 message 속성을 저장하고 출력하는 상태 관리 데모
13차시 13. 리액트 컴포넌트 라이프 사이클 componentDidMount
14차시 14. 리액트 onClick 이벤트 처리기 이론
15차시 15. OnClickEventHandler_onCLick 이벤트 처리기에서 클릭 이벤트를 처리하는 3가지 모양 정리
16차시 16. OneWayBinding_React에서 텍스트박스의 값을 읽어 sate 개체에 저장 후 다시 출력하는 초간단 양방향 바인딩 구현하기
17차시 17. 초간단 인-메모리 TodoList 만들기 데모
평가기준
평가항목 진도율 시험 과제 진행단계평가 수료기준
평가비율 - 0% 0% 0% -
수료조건 100% 이상 0점 이상 0점 이상 0점 이상 0점 이상
목록보기 맨위로