멀티캠퍼스

통합검색

검색도우미 기능을 다시 켤때는
검색창에서 검색도우미 열기를 클릭하세요

과정상세

thumbnail image
집합

교재제공 중급

ReactJS 프로그래밍

4.6

like 98

1,200,000원 (VAT없음)
학습기간
개폐강 확정일 2024.11.01

카테고리

  • 학습유형별 대면
  • SW 개발 웹 - Front End

과정요약

과정요약
학습시간 09:00 ~ 17:00 ( 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 컴포넌트 구현방법에 관심 있는 개발자
    • 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

수강후기 98

평균평점

4.6 / 5.0

  • 4.75
    전*아

    2024.09.13

    진도가 조금 빠르긴 하지만 유익합니다
  • 5
    최*영

    2024.08.23

    react 기본 구조를 학습할 수 있어 좋았습니다
  • 4.25
    류*원

    2024.08.23

    과정이 환경세팅부터 알차게 되어있다.
  • 5
    이*은

    2024.08.23

    리액트에 대해 잘 몰랐는데 많은 도움이 되었습니다.
  • 3.25
    김*라

    2024.08.23

    재밌는 수업이었습니다.