All Lectures
RouteNoticeQ&A

생활코딩 - WEB4 : React Redux

Lecture Introduction
Difficulty
Normal
Category
Web Programming - Programming
Tag
리액트, 자바스크립트
Certificate
You can issue a certificate of completion
time taken
1 hours 39 minutes
Target Audience
- 리액트 컴포넌트가 많아져 앱의 복잡도가 너무 높아져서 수정 시 고쳐야 할 사항이 너무 많은

📝수업 소개


🫂이 수업은 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만 멤버로 구성된 개발 커뮤니티 생활코딩 운영
  • 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업을 제공
Preview
Expand All
Curriculum
Expand All
  • 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
  • 수업을 마치며
Recent Update|2025. 05. 28
Instructor Introduction
생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게 공부할 것인가를 생각해보기 전에 왜 프로그래밍을 공부하는 이유에 대한 이유를 함께 생각해보면 좋을 것 같습니다.

Lecture Reviews
Free

Average Rating
5.0
Difficulty
Normal
Lecture Period
Unlimited
time taken
1 hours 39 minutes