과정상세

ReactJS 프로그래밍

집합

교재제공 중급

ReactJS 프로그래밍

4.6

like 82

1,200,000원 (VAT없음)

학습기간

개폐강 확정일 2024.06.07

자료보기

과정요약

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

과정소개

지금 가장 많이 사용하는 프론트엔드 프레임워크는 React! 배우기 어려워도 리액트 웹앱 하이브리드앱 ToDoList

ReactJS는 웹UI개발에 유리하도록 페이스북이 공개한 오픈소스라이브러리입니다.
배우기 어렵다고 알려져 있지만 자바스크립트 개발에 리액트가 현재 가장 많이 쓰이는데는 이유가 있습니다. 😀

왜 React인가요?

✅ 복잡한 애플리케이션에 빠른 전환 속도까지 요구 될 때
✅ 확장될 가능성이 높아 코드를 여러번 고쳐야 할 것이 예상 될 때
✅ 초기 화면 로딩 속도가 문제일 때
✅ 화면에 부분적인 성능 개선이 필요할 때
언제나 React가 필요합니다!

5일간 집중해서 배우는 오프라인 클래스

💻	✔	🖐
이론과 실습의 적절한 조화! 백문이 불여일타! 빠르게 진행하지만 바르게 이해하게 해드립니다!	ToDoList를 만들어가면서 원리를 깨우치는 과정입니다	오프라인 과정의 장점! 궁금한 점은 바로바로 강사님께 질의응답이 가능하죠!

학습목표

React의 가상 DOM의 작동 방식을 이해하고 UI 컴포넌트를 개발할 수 있다.
JSX, Flux를 이용해 뷰 컴포넌트를 구성하여 단방향 데이터 흐름의 처리 방식을 보완할 수 있다.
Redux와 React-router를 이용해 효과적으로 관리되는 SPA를 개발할 수 있다.

학습대상

확장 가능하고 유지보수 용이한 웹 UI를 개발하고자 하는 프론트엔드 개발자
고성능의 웹앱, 하이브리드앱을 구현하고 싶은 개발자
재사용 가능하고 테스트 가능한 UI 컴포넌트 구현방법에 관심 있는 개발자

- 1일차
  - 1. 리액트 소개 및 환경 설정
    - 과정 소개
      개발 환경 설정 09:00 ~ 10:00
  - 2. JavaScript
    - VSCode 플러그인 설정
      JavaScript 변수 10:00 ~ 11:00
    - Arrow Function
      Spread Operator 11:00 ~ 12:00
    - Destructuring
      Class
      Inheritance 13:00 ~ 14:00
    - Module 14:00 ~ 15:00
    - npm
      Babel 15:00 ~ 16:00
    - wabpack 16:00 ~ 17:00
- 2일차
  - 3. JSX
    - JSX 기본 문법 09:00 ~ 10:00
    - Fragment
      외부 라이브러리 이용
      Build 10:00 ~ 11:00
  - 4. Component
    - Class State 11:00 ~ 12:00
    - Class State & Event 13:00 ~ 14:00
    - Class Props 14:00 ~ 15:00
    - Function State 15:00 ~ 16:00
    - Function Props, Function Event 16:00 ~ 17:00
- 3일차
  - 4. Component
    - Create DOM
      Show & Hide 09:00 ~ 10:00
    - Hook 10:00 ~ 11:00
    - Hook 11:00 ~ 12:00
    - Hook 13:00 ~ 14:00
    - Higher Order Component
      Immer 14:00 ~ 15:00
    - class & style의 이용
      css module 15:00 ~ 16:00
    - styled component 16:00 ~ 17:00
- 4일차
  - 5. TodoList 작성실습
    - TodoList 작성 09:00 ~ 10:00
    - TodoList 최적화 10:00 ~ 11:00
  - 6. Router
    - Index Router 11:00 ~ 12:00
    - Data의 전달
      Child Router 구성 13:00 ~ 14:00
    - lazy Load
      Suspense 처리 14:00 ~ 15:00
  - 7. Axios
    - Promise 15:00 ~ 16:00
    - Axios를 이용한 CRUD 16:00 ~ 17:00
- 5일차
  - 8. Context
    - Context 09:00 ~ 10:00
    - Hook을 이용한 TodoList Context 작성 10:00 ~ 11:00
  - 9. Redux
    - Counter 11:00 ~ 12:00
    - Redux를 이용한 TodoList 작성 13:00 ~ 14:00
  - 10. Redux-Thunk
    - 미들웨어의 이용
      Redux-Thunk 14:00 ~ 15:00
    - Router & Axios & Redux-Thunk 15:00 ~ 16:00

수강후기 82

평균평점

4.6 / 5.0

4.75

고*현
2024.04.19

강사님이 열정 넘치게 수업해주셔서 좋았습니다.
4.75

오*경
2024.04.19

리액트에 관한 전반적인 내용을 알 수 있어서 좋았습니다. 그러나 제가 한번 리액트를 보고 왔으면 더 좋았겠다는 생각이 들었습니다. 개강 여부가 늦게 확정이 되어서 촉박한 느낌이 들었습니다.
5

이*원
2024.04.19

강사님께서 전문지식이 많으시고 실제 현업에서 사용하시는 내용을 알려주셔서 좋았습니다.
5

전*준
2024.04.19

강사님께서 어려운 구조에 대해서 개념 적립을 잘 시켜주셔서 정말 좋았습니다.
5

조*진
2024.04.19

기초부터 차근차근 배울 수 있어서 좋았습니다.