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

과정요약

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

과정소개

ReactJS 프로그래밍
ReactJS 웹앱 하이브리드앱

지금 가장 많이 사용하는 프론트엔드 프레임워크는?
✨React✨

ReactJS는 웹UI 개발에 유리하도록 페이스북이 공개한 오픈 소스 라이브러리입니다.
배우기 어렵다고 알려져 있지만, 자바스크립트 개발에 리액트가 가장 많이 쓰이는 데에는 이유가 있어요!
본 과정에서 5일 동안 React에 대한 기본 개념을 확실하게 가져가보세요 🚀

👍 아래 분들께 본 과정을 추천드려요!
✔ 확장 가능하고 유지보수 용이한 웹 UI를 개발하고자 하는 프론트엔드 개발자
✔ 고성능의 웹앱, 하이브리드앱을 구현하고 싶은 개발자
✔ 재사용 가능하고 테스트 가능한 UI 컴포넌트 구현방법에 관심 있는 개발자

📍 과정 추가 설명

🤷‍♀️🤷‍♂️ 왜 React 인가요?

✅ 복잡한 애플리케이션에 + 빠른 전환 속도까지 요구 될 때
✅ 확장될 가능성이 높아, 여러 번의 코드 수정이 예상 될 때
✅ 초기 화면 로딩 속도가 문제일 때
✅ 화면에 부분적인 성능 개선이 필요할 때

▶▶▶▶▶ 언제나 React가 필요합니다!

📍 과정 핵심 2가지 포인트

🚩 실습 중심 커리큘럼

- 수강생이 인정한 🔥열정 강사님🔥의 실습 중심 커리큘럼으로 학습합니다.
- 빠르게 진행하지만, 바르게 이해할 수 있도록 도와드려요!

💻 ToDoList 프로젝트

- ToDoList를 만들어 가면서 원리를 학습하는 과정입니다.
- 궁금한 부분은 강사님께 바로바로 질의응답하며 학습해보세요!

📍 과정 수강 후기 (페이지 하단에서 더 많은 실제 후기를 만나보세요 👀)

💦 서OO
- 내용이 정말 알차고 혼자 공부할 때 헷갈리던 부분을 잘 설명해주셔서 좋았습니다.
- 짧은 시간이지만 많은 것을 배울 수 있어서 좋았습니다.

🔥 이OO
- ESnext부터 React 전반 기본 라이브러리 문법을 알게 되었고
- 강사님 경험을 통한 현업에서 사용하는 방식도 알려주셔서 좋았습니다.

👍 김OO
- 강사의 전문 지식과 교육 방법이 매우 만족스러웠고,
- 설명을 너무 잘해주셔서 다시 또 기회가 되면 들어보고 싶습니다.
- 그리고 주변에 추천해주고 싶습니다.

학습목표

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. RTK
    - Redux Toolkit(RTK)을 이용한 데이터 공유 11:00 ~ 12:00
    - 이전 redux와 비교. RTK의 이용 13:00 ~ 14:00
  - 10. 비동기 처리
    - RTX를 이용한 비동기 처리 14:00 ~ 15:00
    - RTX를 이용한 비동기 처리 15:00 ~ 16:00

수강후기 107

평균평점

4.6 / 5.0

5

유*수
2024.10.18

React 전반 기본 라이브러리 문법을 알게 되었고 강사님 경험을 통한 현업에서 사용하는 방식도 알려주셔서 좋았습니다.
5

이*
2024.10.18

과정 속도가 조금 빠름
5

홍*희
2024.10.18

리액트 이해에 도움이 된다
5

안*진
2024.10.18

강사님의 깔끔하고 친절한 설명 감사합니다
5

김*현
2024.10.18

선생님은 지식이많으며 짧은시간내에 최대한 많은정보제공을위해 쉬지않고 노력하셨습니다.