과정상세
ReactJS 프로그래밍

교재제공 중급
ReactJS 프로그래밍
카테고리
- 학습유형별 대면
- SW 개발 웹 - Front End
과정요약
학습시간 | 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 컴포넌트 구현방법에 관심 있는 개발자
과정목차 34
-
1 일차
-
1. 리액트 소개 및 환경 설정
-
과정 소개
개발 환경 설정
-
과정 소개
-
1. 리액트 소개 및 환경 설정
-
2. JavaScript
-
VSCode 플러그인 설정
JavaScript 변수
-
VSCode 플러그인 설정
-
Arrow Function
Spread Operator -
Destructuring
Class
Inheritance - Module
-
npm
Babel - wabpack
-
3. JSX
- JSX 기본 문법
-
Fragment
외부 라이브러리 이용
Build
- Class State
-
4. Component
-
Create DOM
Show & Hide
-
Create DOM
- Hook
Immer
css module
-
5. TodoList 작성실습
- TodoList 작성
- TodoList 최적화
- Index Router
Child Router 구성
Suspense 처리
- Promise
-
8. Context
- Context
- Hook을 이용한 TodoList Context 작성
- Redux Toolkit(RTK)을 이용한 데이터 공유
- RTX를 이용한 비동기 처리
수강후기 120
-
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
많은 내용을 전달하기 위해 노력해주셨습니다.