생활코딩 - WEB4 : React Redux

클래스 소개
난이도
보통
카테고리
웹 프로그래밍 - 프로그래밍
태그
리액트, 자바스크립트
수료증
발급 가능
소요 시간
약 1시간 39분
추천 학습대상
- 리액트 컴포넌트가 많아져 앱의 복잡도가 너무 높아져서 수정 시 고쳐야 할 사항이 너무 많은

📝수업 소개


🫂이 수업은 React와 Redux를 쉽게 연결할 수 있도록 도와주는 React-Redux 입문 수업입니다.

이 수업에서는 아래와 같은 내용을 다루고 있습니다.

  • React로 앱 만들기 복습
  • 순수한 Redux로 React 컴포넌트 연결하기
  • React-Redux 라이브러리가 필요한 이유와 사용하는 방법


📌소스코드 : https://github.com/egoing/react-redux-tutorial-example



🎯학습 목표


  • 본 수업에서 사용할 예제를 React만으로 만들 수 있습니다.
  • React에 Redux를 도입해서 애플리케이션의 구현을 개선할 수 있습니다.
  • 기존의 구현은 Redux로 인해서 React 컴포넌트의 재사용성이 떨어지는데 이를 개선할 수 있습니다.
  • React-Redux 라이브러리가 필요한 이유와 적용 방법, 내부 원리에 대해서 알 수 있습니다.


📣참고사항


  • 본 수업은 React와 Redux를 알고 계셔야 합니다.
  • 수업 전 알아야 할 지식이 부족하다면 리액트 (React) ver.2020Redux를 먼저 수강하시기를 권합니다.


강의자 소개


생활코딩(이고잉)

  • 약 10만 멤버로 구성된 개발 커뮤니티 생활코딩 운영
  • 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업을 제공
체험하기
모두 펼치기
교육 과정
모두 펼치기
  • 01
    Intro
  • 수업소개
    수업계획
  • 02
    React 컴포넌트 작업
  • redux 없는 react 컴포넌트 구조 만들기
    redux 없는 react 컴포넌트 상태 연결하기
  • 03
    Redux 도입
  • redux를 도입
  • 04
    Redux 종속성 제거
  • react 컴포넌트에서 redux에 종속된 기능을 제거
    컴포넌트의 재사용성을 높이기 위해서 container 컴포넌트 도입
  • 05
    React-Redux의 적용
  • 필요한 이유
    connect & provider
    mapStateToProps
    mapDispatchToProps
  • 06
    Outro
  • 수업을 마치며
마지막 업데이트|2025년 05월 28일
강의자 소개
생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게 공부할 것인가를 생각해보기 전에 왜 프로그래밍을 공부하는 이유에 대한 이유를 함께 생각해보면 좋을 것 같습니다.

강좌 후기
무료

평균평점
5.0
난이도
보통
수강기간
평생 무제한
소요 시간
약 1시간 39분