멀티캠퍼스

통합검색

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

과정상세

thumbnail image
집합

교재제공 중급

ReactJS 프로그래밍

4.7

like 120

1,200,000원 (VAT없음)

카테고리

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

과정요약

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

과정목차 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를 이용한 비동기 처리

수강후기 120

평균평점

4.7 / 5.0

  • 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

    많은 내용을 전달하기 위해 노력해주셨습니다.

ReactJS 프로그래밍 관련과정