과정상세
ReactJS 프로그래밍
교재제공 중급
ReactJS 프로그래밍
카테고리
- 학습유형별 대면
- SW 개발 웹 - Front End
과정요약
학습시간 | 09:00 ~ 17:00 ( 34시간 ) | 난이도 | 중급 |
---|---|---|---|
교육비 지원 | 고용보험 비환급 | 평가항목 | 출석률 100% |
수료기준 | 총점 80점 이상시 수료 | 정원 | 24 명 |
교재정보 |
과정소개
ReactJS 웹앱 하이브리드앱
✨React✨
ReactJS는 웹UI 개발에 유리하도록 페이스북이 공개한 오픈 소스 라이브러리입니다.
배우기 어렵다고 알려져 있지만, 자바스크립트 개발에 리액트가 가장 많이 쓰이는 데에는 이유가 있어요!
본 과정에서 5일 동안 React에 대한 기본 개념을 확실하게 가져가보세요 🚀
👍 아래 분들께 본 과정을 추천드려요!
✔ 확장 가능하고 유지보수 용이한 웹 UI를 개발하고자 하는 프론트엔드 개발자
✔ 고성능의 웹앱, 하이브리드앱을 구현하고 싶은 개발자
✔ 재사용 가능하고 테스트 가능한 UI 컴포넌트 구현방법에 관심 있는 개발자
📍 과정 추가 설명
✅ 복잡한 애플리케이션에 + 빠른 전환 속도까지 요구 될 때
✅ 확장될 가능성이 높아, 여러 번의 코드 수정이 예상 될 때
✅ 초기 화면 로딩 속도가 문제일 때
✅ 화면에 부분적인 성능 개선이 필요할 때
▶▶▶▶▶ 언제나 React가 필요합니다!
📍 과정 핵심 2가지 포인트
- 수강생이 인정한 🔥열정 강사님🔥의 실습 중심 커리큘럼으로 학습합니다.
- 빠르게 진행하지만, 바르게 이해할 수 있도록 도와드려요!
- ToDoList를 만들어 가면서 원리를 학습하는 과정입니다.
- 궁금한 부분은 강사님께 바로바로 질의응답하며 학습해보세요!
📍 과정 수강 후기 (페이지 하단에서 더 많은 실제 후기를 만나보세요 👀)
- 내용이 정말 알차고 혼자 공부할 때 헷갈리던 부분을 잘 설명해주셔서 좋았습니다.
- 짧은 시간이지만 많은 것을 배울 수 있어서 좋았습니다.
🔥 이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
- VSCode 플러그인 설정
-
1. 리액트 소개 및 환경 설정
-
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. JSX
-
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
- Create DOM
-
4. Component
-
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. TodoList 작성실습
-
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
-
8. Context
-
1일차
수강후기 98
-
4.75전*아
2024.09.13
진도가 조금 빠르긴 하지만 유익합니다 -
5최*영
2024.08.23
react 기본 구조를 학습할 수 있어 좋았습니다 -
4.25류*원
2024.08.23
과정이 환경세팅부터 알차게 되어있다. -
5이*은
2024.08.23
리액트에 대해 잘 몰랐는데 많은 도움이 되었습니다. -
3.25김*라
2024.08.23
재밌는 수업이었습니다.
ReactJS 프로그래밍 관련과정
교재제공
교재제공
교재제공