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

과정요약

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

과정소개

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 컴포넌트 구현방법에 관심 있는 개발자

과정목차 34

1 일차
- 1. 리액트 소개 및 환경 설정
  - 과정 소개
    개발 환경 설정
- 2. JavaScript
  - VSCode 플러그인 설정
    JavaScript 변수
  - Arrow Function
    Spread Operator
  - Destructuring
    Class
    Inheritance
  - Module
  - npm
    Babel
  - wabpack
2 일차
- 3. JSX
  - JSX 기본 문법
  - Fragment
    외부 라이브러리 이용
    Build
- 4. Component
  - Class State
  - Class State & Event
  - Class Props
  - Function State
  - Function Props, Function Event
3 일차
- 4. Component
  - Create DOM
    Show & Hide
  - Hook
  - Hook
  - Hook
  - Higher Order Component
    Immer
  - class & style의 이용
    css module
  - styled component
4 일차
- 5. TodoList 작성실습
  - TodoList 작성
  - TodoList 최적화
- 6. Router
  - Index Router
  - Data의 전달
    Child Router 구성
  - lazy Load
    Suspense 처리
- 7. Axios
  - Promise
  - Axios를 이용한 CRUD
5 일차
- 8. Context
  - Context
  - Hook을 이용한 TodoList Context 작성
- 9. RTK
  - Redux Toolkit(RTK)을 이용한 데이터 공유
  - 이전 redux와 비교. RTK의 이용
- 10. 비동기 처리
  - RTX를 이용한 비동기 처리
  - RTX를 이용한 비동기 처리

수강후기 120

평균평점

4.7 / 5.0

4.5

한*성
2024.12.13

실무에서 사용하는 개발 방식과 툴들을 알려주셔서 업무에 도움이 될 것 같습니다. 수강생들이 따라가지 못하는데 강사님 혼자 빠르게 코딩하듯 수업이 진행됩니다.
4.5

박*선
2024.12.13

실무를 진행하면서 발생할 수 있는 어려움이나 활용할 수 있는 팁을 주셔서 좋았습니다. 평소 React에 대해 모르던 부분도 꼼꼼히 알려주시고, codeshare로 중간중간 코드 공유해주시는 점이 정말 좋았습니다. 많이 알아갑니다 감사합니다.
4.25

김*호
2024.12.13

많은 내용을 교육 받을 수 있어서 좋았지만, 짧은 기간 내에 진행되기 때문에 속도가 너무 빠른 점도 있다고 생각되었습니다.
3.25

김*영
2024.12.13

강의 내용이 좋습니다
5

김*민
2024.12.13

많은 내용을 전달하기 위해 노력해주셨습니다.

ReactJS 프로그래밍 관련과정

집합

교재제공

TypeScript 프로그래밍

집합

Next.js로 배우는 SSR 웹앱 개발

집합

교재제공

React Deep Dive