멀티캠퍼스 :: 과정상세보기

과정요약

과정요약
학습시간	16시간	난이도	중급
교육비 지원	고용보험 비환급	평가항목	출석률 100%
수료기준	총점 80점 이상시 수료	정원	24 명
교재정보

과정소개

본 과정은 2일동안 강사와 함께 ToDoList 웹어플리케이션을 만들며 React를 실무에 활용하는 법을 알아보는 프로젝트 중심의 React 단기속성 과정입니다. 전세계 많은 프론트엔드 개발자의 사랑을 받고 있는 강력한 프론트엔드 프레임워크, React. 멀티캠퍼스에서 2일만에 마스터하세요.

학습목표

React 프로젝트 개발 실습을 통해 React.js의 핵심 개념을 이해할 수 있다.
React를 활용하여 UI 컴포넌트를 개발하고 컴포넌트 간 데이터를 주고 받을 수 있다.
Router를 이용해 효과적으로 관리되는 SPA를 개발할 수 있다.

학습대상

JavaScript(ES6+)를 사용할 수 있는 개발자 중 React를 배워보고 싶은 개발자
현업에서 React를 개발하고 있지만 작성한 코드가 왜/어떻게 동작하는지 확신이 없는 개발자
빠른 시간 안에 React 프로젝트를 경험해보고 싶은 개발자

과정목차 16

1 일차
- 1. 환경 세팅하기
  - 강사소개, 교육 결과물 안내(ToDoList)
    프로그램 설치 및 세팅(VSCode)
- 2. React 프로젝트 생성하기
  - React 개발환경 세팅(Node. Webpack, React)
    React 프로젝트 생성
- 3. React 기초 문법 살펴보기
  - React 구조 학습
    React JSX 사용법 학습(1)
- .
  - React JSX 사용법 학습(2)
    Build를 이용한 베포 파일 작성
- 4. 할일 목록 만들기
  - 할일 목록 만들기(상태관리 라이브러리: useState)
    세부 리스트 속성 세팅하기(라이프 사이클 메서드: useEffect)
- .
  - 할일 목록 입력, 출력, 수정, 삭제 기능 만들기
    　(이벤트 핸들러 최적화: useCallback)
- .
  - 할일 목록의 세부 리스트(하위컴포넌트)에 데이터 전달 하기
- .
  - 반복문 이용하여 할일 목록 여러개 만들기(DOM 요소 참조: useReF)
    배포를 위한 빌드하기
2 일차
- 5. 데이터를 하나로 관리하기
  - 내장 라이브러리(Context)로 데이터 입출력하기
- .
  - 할일 목록의 useState 데이터를 분리하여 Context로 변경하기
- .
  - 외부 라이브러리(Redux)로 데이터 입출력하기
- .
  - 할일 목록의 useState 데이터를 분리하여 Redux로 변경하기(1)
- .
  - 할일 목록의 useState 데이터를 분리하여 Redux로 변경하기(2)
- 6. 여러 페이지를 하나의 페이지로 묶기
  - SPA란
    선택된 데이터를 하나의 페이지에서 렌더링하기
- .
  - 뷰 데이터 전달(Path, 파라메터 등)
    페이지의 이용(링크)
- .
  - 링크 요청 시 뷰 화면 가져오기

수강후기 0

평균평점

0 / 5.0

등록된 수강후기가 없습니다

[Core] 따라하며 배우는 React 실무 관련과정

집합

교재제공

TypeScript 프로그래밍

집합

교재제공

[Live] ReactJS 프로그래밍_4일