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

과정요약

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

과정소개

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

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

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

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

📍 과정 추가 설명

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

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

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

📍 과정 핵심 2가지 포인트

🚩 실습 중심 커리큘럼

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

💻 ToDoList 프로젝트

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

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

💦 허OO
- 업무하면서 이해안되었던 부분에 대해 이해할 수 있게 되었습니다.
- 좋은 강의 듣게 되어 정말 좋았습니다.

💪 OOO
- OO 산업군이라 아직 리액트를 쓰지는 않지만,
- 언제라도 쓸 수 있을 정도의 수준을 만들어 준 것 같습니다.

✨ 이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를 이용한 비동기 처리

수강후기 58

평균평점

4.6 / 5.0

5

김*현
2024.10.19

수업 진행이 매우 좋았다
5

맹*현
2024.10.18

전반적인 내용을 다뤄줘서 좋았다
5

황*일
2024.10.18

강사님의 알기쉽게 같이 코딩하면서 설명을 곁들여 주셔서 잘 배울 수 있었던 시간이었습니다.
5

도*우
2024.05.24

강사님이 적당한 속도로 진도를 조절해주셔서 듣기 편하고 좋았습니다.
4.75

박*원
2024.05.24

수업 예시 코드를 잘 준비해주셔서 좋았다.

[Live] ReactJS 프로그래밍 관련과정

집합

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

집합

교재제공

React Deep Dive