Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
개발 · 프로그래밍

/

프론트엔드

처음 만난 리덕스(Redux)

상태관리의 기초 개념과 함께 리덕스의 기초를 탄탄하게 다질 수 있습니다.

(5.0) 수강평 18개

수강생 278명

  • Inje Lee (소플)
리액트
리덕스
상태관리
ReduxReactredux-thunkredux-sagaredux-toolkit

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • Redux 기초 개념

  • Redux 관련 핵심 라이브러리

  • Redux Toolkit 사용 방법

  • 미니 프로젝트를 통한 Redux 기반 웹애플리케이션 개발

🚨 강의 제공 중단 안내 🚨

안녕하세요, 소플입니다.
'처음 만난 Redux' 강의의 인프런 제공이 중단되었습니다.
기존 수강생 분들은 인프런에서 강의를 수강하실 수 있으며,
강의와 관련된 질문은 아래 링크에 남겨주시면 확인하고 답변드리도록 하겠습니다 😀

 

 

깔끔한 강의자료, 꼼꼼한 설명으로
쉽게 배우는 리덕스 강의입니다. 👨‍🏫

리덕스의 세계로
초대합니다 💫

리덕스는 오픈소스 자바스크립트 상태관리 라이브러리입니다.
상태관리 라이브러리 중에서 압도적으로 가장 많이 사용되고 있으며,
리액트에 연동해서 애플리케이션의 상태들을 효과적으로 관리할 수 있어요.

 

왜 Redux를
배워야 할까요? 🤔

최근에는 MobX, Recoil, Zustand, Jotai 등 다양한 상태관리 라이브러리들이 있지만, Redux는 세상에 나온 지 10년이 훨씬 넘은 상태관리 라이브러리의 조상님 같은 존재입니다. 즉, 상태관리의 핵심적인 컨셉과 구조에 대해서 기반을 다졌다고 볼 수 있는 것이죠!

상태관리 라이브러리 npm trend
위 차트는 대표적인 상태 관리 라이브러리들의 npm trend를 나타낸 것인데, 여기서 빨간색으로 표시된 것이 바로 Redux입니다. 다른 상태관리 라이브러리들이 밑에서 치고 올라오고 있지만, 여전히 Redux가 압도적으로 많이 사용되는 것을 볼 수 있습니다.

그래서 상대적으로 사용하기 쉬운 Recoil이나 Zustand를 사용하기 전에, 꼭 Redux를 통해 상태관리의 기초를 다지는 것이 중요합니다!


강의의 특징을

알려드려요 🔎

  • Redux 구성 요소들을 하나씩 직접 만들어 보며 기초 개념을 익힙니다.
  • Redux와 관련된 핵심 라이브러리 사용법을 익힙니다.
  • Redux Toolkit 사용법을 익힙니다.
  • 미니 프로젝트를 통해 실제 Redux 기반 웹 애플리케이션을 개발합니다.

 

문서를 통해
학습 내용을 정리 📖

강의 내용을 언제든지 다시 복습할 수 있도록 문서 형태로 제공합니다.
궁금한 부분을 다시 찾아보면서 리덕스를 완벽하게 익혀보세요!

FrontOverflow_redux_document

🔗 처음 만난 리덕스(Redux) 문서

 

강의를 들은 후 수강생의 변화 🙋‍♂️

Redux의 기초를
잘 다질 수 있어요!

핵심 라이브러리들을
사용할 수 있어요!

Redux Toolkit을
사용할 수 있어요!

실전 프로젝트 경험을
쌓을 수 있어요!


학습 내용 엿보기 📚

섹션 0 [준비하기]

  • redux-devtools에 대해 학습합니다.
  • 실습을 위한 개발환경 설정 및 redux-devtools를 설치합니다.

섹션 1, 2 [Redux 소개, 시작하기]

  • Redux의 탄생 과정과 원칙들에 대해 학습합니다.
  • Redux의 구성 요소들과 불변성에 대해 학습합니다.

섹션 3 [Store]

  • Store와 Dispatcher의 개념에 대해 학습합니다.
  • Store와 관련된 함수들에 대해 학습합니다.

섹션 4 [Action과 Action Creator]

  • Action과 Action Creator의 개념에 대해 학습합니다.

섹션 5 [Reducer]

  • Reducer의 개념과 규칙에 대해 학습합니다.
  • Immutable Update의 개념을 학습합니다.
  • rootReducer를 만드는 방법에 대해 학습합니다.

섹션 6 [Redux와 UI]

  • Redux와 UI의 관계에 대해 학습합니다.
  • Redux와 UI를 연동하는 방법에 대해 학습합니다.

섹션 7 [Container]

  • Container의 개념에 대해 학습합니다.
  • react-redux 패키지와 주요 API에 대해 학습합니다.

섹션 8 [Ducks Pattern]

  • Duck의 개념과 Ducks 패턴에 대해 학습합니다.

섹션 9 [redux-actions]

  • Flux Standard Action에 대해 학습합니다.
  • redux-actions에 대해 학습합니다.

섹션 10 [Redux와 Async Logic]

  • Async Logic과 Side Effect에 대해 학습합니다.
  • Redux에서의 Async Logic에 대해 학습합니다.

섹션 11 [redux-thunk]

  • Thunk의 개념과 사용하는 이유에 대해 학습합니다.
  • redux-thunk에 대해 학습합니다.
  • Thunk 함수 작성 방법과 패턴에 대해 학습합니다.

섹션 12 [redux-saga]

  • Saga의 개념과 사용하는 이유에 대해 학습합니다.
  • Generator Function에 대해 학습합니다.
  • redux-saga에 대해 학습합니다.
  • Thunk와 Saga의 차이점에 대해 학습합니다.

섹션 13 [redux-persist]

  • Persist의 개념에 대해 학습합니다.
  • redux-persist에 대해 학습합니다.
  • Storage와 데이터 저장 및 복원 과정에 대해 학습합니다.

섹션 14 [Redux Toolkit (RTK)]

  • Redux Toolkit에 대해 학습합니다.
  • Slice의 개념과 사용 방법에 대해 학습합니다.
  • immer 사용 패턴에 대해 학습합니다.

섹션 15 [Redux Hooks]

  • useSelector() 훅에 대해 학습합니다.
  • useDispatch() 훅에 대해 학습합니다.
  • useStore() 훅에 대해 학습합니다.

섹션 16 [미니 프로젝트]

  • 지금까지 배운 내용들을 종합하여 Redux 기반의 TODO 애플리케이션을 함께 만들어 봅니다.


예상 질문 Q&A 💬

Q. 자바스크립트를 잘 몰라도 들을 수 있는 강의인가요?

자바스크립트 기초 문법에 대한 내용이 따로 포함되어 있지 않기 때문에, 먼저 학습하고 들으시는 것이 좋습니다.

Q. 리액트에 대해 잘 몰라도 들을 수 있는 강의인가요?

리액트 개발도 포함되기 때문에, 리액트 기초 내용을 먼저 학습하고 들으시는 것이 좋습니다.
아래 제 무료 리액트 강의를 먼저 듣고 오시면 제일 좋습니다!

🔗 [무료] 처음 만난 리액트

Q. 리덕스를 배우면 뭐가 좋은가요?

리덕스를 통해 애플리케이션 전체에 걸쳐서 상태들을 효과적으로 관리할 수 있습니다.


학습 관련자료 💡

강의 내용 정리 문서
🔗 처음 만난 리덕스(Redux) 문서

2강 ~ 15강. 실습 소스코드
🔗 https://github.com/soaple/first-met-redux-practice

16강. 미니 프로젝트 소스코드
🔗 https://github.com/soaple/first-met-redux-todo


이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 상태관리에 대한 기초를 쌓고 싶으신 분

  • Redux를 처음 접하시는 분

  • Redux를 이용한 상태관리에 관심있는 분

선수 지식,
필요할까요?

  • JavaScript 기초

  • 리액트 기초

안녕하세요
입니다.

안녕하세요, 소플입니다.

2025년 3월부로 인프런에서의 지식공유자 활동을 마무리하고 새로운 출발을 합니다.

앞으로는 아래 사이트에서 제 강의와 컨텐츠들을 만나보실 수 있습니다.

소플이 만든 프론트엔드 지식 포털 - FrontOverflow

커리큘럼

전체

118개 ∙ (5시간 50분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

18개

5.0

18개의 수강평

  • dldldksl1048님의 프로필 이미지
    dldldksl1048

    수강평 3

    평균 평점 5.0

    5

    100% 수강 후 작성

    How redux works, why various technologies related to redux appeared, easy and detailed explanations of concepts and usage, and even whether the technology was recently used, I was able to naturally learn the answers to the questions that came up in the middle while following the lecture. However, I felt uncomfortable that redux basically requires a somewhat cumbersome process for state management, and I was confused about various technologies. It wasn't a problem with the lecture, but rather with the technology itself... Still, the instructor explained things in an easy-to-understand way, and I was able to complete the course. As the instructor said at the end, I enjoyed studying React, but I think I was quite frustrated while learning Redux. However, he added this. Perseverance and sincerity are important for developers. If you don't give up and study consistently and repeatedly, you will become a great developer. When I first started developing, everything felt really difficult, and there were so many things I didn't understand. Whether it was in the past or now, I have learned and come to know a lot, but I still feel like there is an endless amount to learn. Of course, most things feel difficult at first, but I also felt that the knowledge and experience accumulated over time are of great help when encountering new technologies again. I hope that by studying Redux well, I can gain a deeper understanding of state management, and that it will definitely be helpful when studying other state management libraries in the future. Thank you for the great lecture and for answering my questions quickly and kindly. If you give me another lecture, I would definitely like to listen to it again.

    • soaple
      지식공유자

      Thank you, dldldksl, for leaving a detailed review. The Redux lecture has some points that can frustrate beginners, but I think that you have passed a very big hurdle just by completing it to the end. After you have mastered Redux well, you will be able to use other state management libraries very easily and conveniently. If there is a part that you did not understand well, I hope you will study it repeatedly, and I recommend that you develop your own application in reality rather than just learning theories. If you have any questions while working on a personal project, please leave them on FrontOverflow at any time and I will answer them even if it is a little late. https://www.frontoverflow.com/ And if you need a code review, you can upload the code to GitHub and feel free to contact me through my email address. I hope that you have a good understanding of the basics of Redux through my lecture!😀

  • kaenum18779님의 프로필 이미지
    kaenum18779

    수강평 1

    평균 평점 5.0

    5

    6% 수강 후 작성

    I've been studying Redux for a while, looking up things here and there and writing code, but I still felt uneasy as if I was using it without understanding it..😂 I was frustrated because there weren't many lectures that properly covered Redux, so I bought a new lecture right away and I've finished it now. ㅎㅎ I feel like I have a better grasp of the concepts than before, and I think to myself, 'Ah, that's why I wrote that kind of code back then.'~ Thank you for the great lecture!!

    • soaple
      지식공유자

      Thank you, rockrock82, for leaving a detailed review. I hope my lecture helped you use Redux!

  • misutgaru님의 프로필 이미지
    misutgaru

    수강평 3

    평균 평점 5.0

    5

    100% 수강 후 작성

    I listened to everything from the first React I encountered to the first Redux I encountered. In fact, after learning React, I looked up blogs and saw that there are many simple state management libraries these days, so I almost didn't listen to Redux, but thanks to the phrase in the lecture introduction [It is important to build the basics of state management through Redux!], I ended up learning Redux. Thinking back now, it was really fortunate. While working through Section 1 to the last mini-project, you can learn about Redux from its very beginning(?) to Dux, thunk, slice, saga, etc. to make up for its shortcomings. If I had learned from the simpler part, it would have just been spoon-fed learning, but since you can learn how to develop it step by step, I think it is a good lecture to become familiar with Redux in a short period of time. However, since the difficulty level is set to "beginner," it might be a little overwhelming if you think of it as an introductory level. It is my first time with React, but I have experience with backend, so I was able to learn it intuitively(?). Even if I didn't understand it, I listened to it comfortably as if I was listening to a column, and instead, I made sure to do the project myself. And then I learned by checking the documentation again. However, even if I didn't understand it at first, I just listened to it thinking, "Oh, okay~", and the next section supplemented that part, so it's good to have time to understand it naturally once more. React seems to be a library that's developing very quickly. I hope that Sopl will come out with many more lectures in the future!

    • soaple
      지식공유자

      Thank you, Misutgaru, for leaving such a detailed course review. As you said, the 'First Encounter with Redux' course is structured in a way that you learn by practicing Redux from its old usage to its current usage. This part was structured this way because these days, beginners often start using Redux Toolkit right away and sometimes don't understand its internal structure and operating principles. I'm glad that this process helped you understand Redux, and I think it turned out as I intended.ㅎㅎ Also, since the lecture topic is Redux, I think there may be parts that feel difficult even though it's a beginner's course. I will try to understand which parts are difficult through various feedback and improve them so that I can explain them a little more easily in the future. In the future, if you have any questions about React, Redux, or other front-end related topics, please feel free to ask questions and I will cheer you on to grow quickly!

  • greenspace4699님의 프로필 이미지
    greenspace4699

    수강평 1

    평균 평점 5.0

    5

    31% 수강 후 작성

    Sopel's class is the best class for me.

    • soaple
      지식공유자

      Thank you for leaving a review, greenspace. I'm so proud that you liked my class 😊😊 I hope you finish the course and if you have any questions during your studies, please feel free to ask! 😀

  • 깃허브님의 프로필 이미지
    깃허브

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    The explanation was fun and easy to understand, so I was able to understand it well and enjoy it 😊😊

    • soaple
      지식공유자

      Thank you for leaving a review, 79blog. I hope you have a solid foundation in Redux through my class! 😀

비공개 강의로
수강이 제한됩니다.
비공개 강의

비슷한 강의

같은 분야의 다른 강의를 만나보세요!