멀티캠퍼스

통합검색

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

과정상세

thumbnail image
집합

교재제공 중급

ReactJS 프로그래밍

4.6

like 70

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

과정요약

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

과정소개

지금 가장 많이 사용하는 프론트엔드 프레임워크는 React! 배우기 어려워도 리액트  웹앱  하이브리드앱  ToDoList
ReactJS는 웹UI개발에 유리하도록 페이스북이 공개한 오픈소스라이브러리입니다.
배우기 어렵다고 알려져 있지만 자바스크립트 개발에 리액트가 현재 가장 많이 쓰이는데는 이유가 있습니다. 😀


왜 React인가요?
✅ 복잡한 애플리케이션에 빠른 전환 속도까지 요구 될 때
✅ 확장될 가능성이 높아 코드를 여러번 고쳐야 할 것이 예상 될 때
✅ 초기 화면 로딩 속도가 문제일 때
✅ 화면에 부분적인 성능 개선이 필요할 때
언제나 React가 필요합니다!


5일간 집중해서 배우는 오프라인 클래스
💻 🖐
이론과 실습의 적절한 조화!
백문이 불여일타!
빠르게 진행하지만
바르게 이해하게 해드립니다!
ToDoList를 만들어가면서
원리를 깨우치는 과정입니다
오프라인 과정의 장점!
궁금한 점은 바로바로 강사님께 질의응답이 가능하죠!

학습목표

  • 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. Redux
        • Counter 11:00 ~ 12:00
        • Redux를 이용한 TodoList 작성 13:00 ~ 14:00
      • 10. Redux-Thunk
        • 미들웨어의 이용
          Redux-Thunk 14:00 ~ 15:00
        • Router & Axios & Redux-Thunk 15:00 ~ 16:00

수강후기 70

평균평점

4.6 / 5.0

  • 4.25
    이*걸

    2024.02.23

    학습해야할 내용이 너무 많아서 과정을 중급, 고급 형태로 나누어서 진행하면 좋을것 같습니다.
  • 4.75
    임*훈

    2024.02.23

    전반적인 사항을 알게되어 좋았습니다
  • 4.5
    유*욱

    2024.02.23

    짧은 기간이지만 전체적으로 효율적으로 학습할 수 있었습니다.
  • 4.25
    이*복

    2024.02.23

    대체적으로 만족 강사님이 많이 알려주시려고 노력함
  • 3.75
    박*선

    2024.02.23

    할게 너무 많어 머리속에 넣기 바뻤습니다. 핵심 및 자주 사용하는거 위주로 더 시간을 할당해서 진행하면 좋지 않을까 생각됩니다.

ReactJS 프로그래밍 관련과정