강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Redux vs MobX（両方を学ぼう！）

RedoxとMob Xを選ぶのを心配していますか？ 一度、両方を学んでから悩みましょう！

（4.7）受講レビュー 35件

受講生 946名

  • zerocho
Redux
MobX

学習した受講者のレビュー

こんなことが学べます

  • Redux

  • redux-thunk

  • redux-saga

  • MobX

  • react-redux

  • mobx-react

リダックスvsモブX

何を選ぶか悩んでいるなら、一度両方を学ぼう！


🗒講義紹介

Reactプログラミングをするときは、ステータス管理ツールとしてReduxとMobXの2つのうち何を選ぶのかを心配していますか？
しかし、両方を知っていますか？確実に比較するには、まず両方を知っておく必要があります。この講座を通して学びましょう。

ReduxとMobXの両方が簡単です。本当に。

🗒質問にすばやく
答えます。

私のコースの利点はQ&Aです。質問があれば一日以内に答えてください。
講座に関する内容を自由に質問しながら積極的に勉強してみてください。
内容を理解するのに役立つでしょう！

🗒 FAQ

1. mobx-state-treeは扱いません。
2. 複雑な例は扱いません。
3. 私の講座でお知らせしたパターンだけを使っても、十分に複雑なプログラムを作ることができます。
4. ソースコードはhttps://github.com/zerocho/redux-vs-mobxにあります。
5. リアクト無料講座（ウェブゲームを作って学ぶリアクト）を先に見てください。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • リアクト無料講座をご覧になった方

  • RedoxとMob Xの間に悩んでいる人

前提知識、
必要でしょうか？

  • JavaScript

  • リアクト

こんにちは
です。

65,525

受講生

1,602

受講レビュー

9,702

回答

4.8

講座評価

22

講座

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

カリキュラム

全体

39件 ∙ (8時間 23分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

35件

4.7

35件の受講レビュー

  • 슈퍼장님의 프로필 이미지
    슈퍼장

    受講レビュー 4

    ∙

    平均評価 5.0

    5

    59% 受講後に作成

    리덕스, 몹엑스 모두 도큐먼트보면 잘 정리되어 있지만 마음이 급한분 빨리 맛부터 보고싶다!! 하시는 분들께는 안성맞춤 입니다. 예제 코드 외에도 어느 정도 동작 원리에 대해서도 설명해 주셔서 문서 보기가 좀 불편하신 분들께도 추천합니다. 하지만 리덕스, 몹엑스 모두 서비스에 따른 더 나은 설계 방식이 너무 다양하여 강의에 나온 내용만 가지고는 서비스에 맞게 '잘' 쓰기에는 무리가 있을 것 같습니다. 강사님도 말씀하신 것 처럼 도큐먼트도 꼭 보시는게 좋을 것 같네요. 좋은 강의 감사드립니다 :) * 참고로 강의중 질문이 있어 글 남겨드렸는데 다음날 바로 답변해 주셨어요. 유료 강의라 강의 구매 결정할 때 이런 부분도 중요할 것 같아 남겨드립니다.

    • Next님의 프로필 이미지
      Next

      受講レビュー 9

      ∙

      平均評価 4.6

      5

      100% 受講後に作成

      Redux, MobX, Redux Saga에 대해 빠르게 배워보고 싶으신 분들에게 추천합니다. 실제 프로젝트에서 어떻게 리덕스와 리덕스 사가를 사용하는 지 궁금하신 분들은 리액트 노드 버드 쪽도 들어 보시면 좋을 것 같습니다. 좋은 강의 감사합니다.

      • Lyn님의 프로필 이미지
        Lyn

        受講レビュー 8

        ∙

        平均評価 4.8

        5

        72% 受講後に作成

        애매모한 개념이 확실히 잡혓네요

        • 지희님의 프로필 이미지
          지희

          受講レビュー 2

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

          • ㅇㅇ님의 프로필 이미지
            ㅇㅇ

            受講レビュー 2

            ∙

            平均評価 5.0

            5

            67% 受講後に作成

            redux-saga가 맨 뒤에 있는 이유가 있나요? saga 부분은 코드가 어디 있나요?

            • 제로초(조현영)
              知識共有者

              redux-saga는 react-nodebird에서 강의를 일부 발췌한 것입니다. 코드도 react-nodebird의 코드를 빌려와 설명합니다. https://github.com/ZeroCho/react-nodebird/tree/master/ch4/front/sagas

            • ㅇㅇ

              빠른 답변 감사합니다.

          ￥4,016

          zerochoの他の講座

          知識共有者の他の講座を見てみましょう！

          React Native with Expo: 제로초에게 제대로 배우기Course Thumbnail

          React Native with Expo: 제로초에게 제대로 배우기

          제로초(조현영)

          웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

          Basic

          Basic

          React, React Native, 하이브리드 앱

          React Native with Expo: 제로초에게 제대로 배우기Course Thumbnail

          React Native with Expo: 제로초에게 제대로 배우기

          제로초(조현영)

          [개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지Course Thumbnail

          [개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

          제로초(조현영)

          노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

          Basic

          Basic

          Node.js, Express, MySQL

          [개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지Course Thumbnail

          [개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

          제로초(조현영)

          테스트 with Jest: 제로초에게 제대로 배우기Course Thumbnail

          테스트 with Jest: 제로초에게 제대로 배우기

          제로초(조현영)

          본 강의에서는 테스트가 필요한 경우와 테스트를 할 때의 장점을 Jest 프레임워크를 통해 보여드립니다. 리액트, Express 등에 유닛테스트, 통합테스트를 적용해봅니다.

          Basic

          Basic

          소프트웨어 테스트, Jest, react-testing-library

          테스트 with Jest: 제로초에게 제대로 배우기Course Thumbnail

          테스트 with Jest: 제로초에게 제대로 배우기

          제로초(조현영)

          Next + React Query로 SNS 서비스 만들기Course Thumbnail

          Next + React Query로 SNS 서비스 만들기

          제로초(조현영)

          리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

          Intermediate

          Intermediate

          Next.js, React, react-query

          Next + React Query로 SNS 서비스 만들기Course Thumbnail

          Next + React Query로 SNS 서비스 만들기

          제로초(조현영)

          TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기Course Thumbnail

          TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

          제로초(조현영)

          타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

          Intermediate

          Intermediate

          디자인 패턴, 객체지향, TypeScript

          TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기Course Thumbnail

          TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

          제로초(조현영)

          비전공자의 전공자 따라잡기 - 네트워크, HTTPCourse Thumbnail

          비전공자의 전공자 따라잡기 - 네트워크, HTTP

          제로초(조현영)

          HTTP를 다루는 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 네트워크가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

          Beginner

          Beginner

          네트워크, tcpip, websockets

          비전공자의 전공자 따라잡기 - 네트워크, HTTPCourse Thumbnail

          비전공자의 전공자 따라잡기 - 네트워크, HTTP

          제로초(조현영)

          [리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편Course Thumbnail

          [리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

          제로초(조현영)

          타입스크립트 기본 문법을 배운 상태에서, 유명한 라이브러리들의 복잡한 타입을 분석하는 방법을 알아봅시다.

          Intermediate

          Intermediate

          TypeScript

          [리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편Course Thumbnail

          [리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

          제로초(조현영)

          [리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편Course Thumbnail

          [리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

          제로초(조현영)

          타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

          Basic

          Basic

          TypeScript

          [리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편Course Thumbnail

          [리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

          제로초(조현영)

          비전공자의 전공자 따라잡기 - 데이터베이스,SQLCourse Thumbnail

          비전공자의 전공자 따라잡기 - 데이터베이스,SQL

          제로초(조현영)

          이미 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 데이터베이스가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

          Beginner

          Beginner

          DBMS/RDBMS, SQL, MySQL

          비전공자의 전공자 따라잡기 - 데이터베이스,SQLCourse Thumbnail

          비전공자의 전공자 따라잡기 - 데이터베이스,SQL

          제로초(조현영)

          배달앱 클론코딩 [with React Native]Course Thumbnail

          배달앱 클론코딩 [with React Native]

          제로초(조현영)

          리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.

          Intermediate

          Intermediate

          React Native

          배달앱 클론코딩 [with React Native]Course Thumbnail

          배달앱 클론코딩 [with React Native]

          제로초(조현영)

          비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)Course Thumbnail

          비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

          제로초(조현영)

          알고리즘 공부의 필수 선수과목인 자료구조! 다양한 자료구조를 자바스크립트로 배워봅시다!

          Basic

          Basic

          JavaScript, 알고리즘, 코딩 테스트

          비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)Course Thumbnail

          비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

          제로초(조현영)

          Slack 클론 코딩[백엔드 with NestJS + TypeORM]Course Thumbnail

          Slack 클론 코딩[백엔드 with NestJS + TypeORM]

          제로초(조현영)

          Node.js의 스프링이라고 불리는 NestJS를 배우고, Dependency Injection의 편리함을 맛봅시다. API 개발부터, 익스프레스와의 비교, 배포, 테스팅까지 모두 배워봅시다.

          Intermediate

          Intermediate

          NestJS, TypeORM, Express

          Slack 클론 코딩[백엔드 with NestJS + TypeORM]Course Thumbnail

          Slack 클론 코딩[백엔드 with NestJS + TypeORM]

          제로초(조현영)

          [리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문Course Thumbnail

          [리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

          제로초(조현영)

          본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

          Basic

          Basic

          JavaScript

          [리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문Course Thumbnail

          [리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

          제로초(조현영)

          Slack 클론 코딩[실시간 채팅 with React]Course Thumbnail

          Slack 클론 코딩[실시간 채팅 with React]

          제로초(조현영)

          Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

          Intermediate

          Intermediate

          클론코딩, React, TypeScript

          Slack 클론 코딩[실시간 채팅 with React]Course Thumbnail

          Slack 클론 코딩[실시간 채팅 with React]

          제로초(조현영)

          [리뉴얼] React로 NodeBird SNS 만들기Course Thumbnail

          [리뉴얼] React로 NodeBird SNS 만들기

          제로초(조현영)

          리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

          Intermediate

          Intermediate

          React, Redux, Node.js

          [리뉴얼] React로 NodeBird SNS 만들기Course Thumbnail

          [리뉴얼] React로 NodeBird SNS 만들기

          제로초(조현영)

          Node.js에 TypeScript 적용하기(feat. NodeBird)Course Thumbnail

          Node.js에 TypeScript 적용하기(feat. NodeBird)

          제로초(조현영)

          Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

          Intermediate

          Intermediate

          Node.js, 웹앱, TypeScript

          Node.js에 TypeScript 적용하기(feat. NodeBird)Course Thumbnail

          Node.js에 TypeScript 적용하기(feat. NodeBird)

          제로초(조현영)

          웹 게임을 만들며 배우는 React에 TypeScript 적용하기Course Thumbnail

          웹 게임을 만들며 배우는 React에 TypeScript 적용하기

          제로초(조현영)

          리액트로 만든 웹 게임과 React Router, Redux, MobX에 타입스크립트를 붙여보면서 리액트와 타입스크립트를 같이 사용해봅시다.

          Intermediate

          Intermediate

          React, TypeScript

          웹 게임을 만들며 배우는 React에 TypeScript 적용하기Course Thumbnail

          웹 게임을 만들며 배우는 React에 TypeScript 적용하기

          제로초(조현영)

          웹 게임을 만들며 배우는 VueCourse Thumbnail

          웹 게임을 만들며 배우는 Vue

          제로초(조현영)

          간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다.

          Basic

          Basic

          Vue.js, Webpack, Vuex

          웹 게임을 만들며 배우는 VueCourse Thumbnail

          웹 게임을 만들며 배우는 Vue

          제로초(조현영)

          Vue로 Nodebird SNS 만들기Course Thumbnail

          Vue로 Nodebird SNS 만들기

          제로초(조현영)

          Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

          Intermediate

          Intermediate

          Vue.js, Node.js, AWS

          Vue로 Nodebird SNS 만들기Course Thumbnail

          Vue로 Nodebird SNS 만들기

          제로초(조현영)

          웹 게임을 만들며 배우는 ReactCourse Thumbnail

          웹 게임을 만들며 배우는 React

          제로초(조현영)

          웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다.

          Basic

          Basic

          React

          웹 게임을 만들며 배우는 ReactCourse Thumbnail

          웹 게임을 만들며 배우는 React

          제로초(조현영)

          似ている講座

          同じ分野の他の講座を見てみましょう！

          (2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계Course Thumbnail

          (2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계

          코딩알려주는누나

          프론트엔드 개발자가 되고 싶은 분들에게 필수 과정인 리액트를 배우고 포트폴리오 프로젝트까지 만들 수 있어요.

          Basic

          Basic

          React, Redux, Web API

          (2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계Course Thumbnail

          (2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계

          코딩알려주는누나

          지금 바로 React 시작하기Course Thumbnail

          지금 바로 React 시작하기

          The Oreum

          🤔 React를 A-Z까지 공부하고 싶진 않고, 바로 적용할 수 있는 코드를 원하시나요!? 잘 오셨습니다! A-Z까지 강의해 주시는 것은 다른 좋은 강의 구매하시고, 여기서 실용적인 것만 얻어 가세요! 지금 바로! 이 강의로 React에 대한 기본 개념과 활용법을 익혀 쉽고 빠르게 나만의 프로젝트를 만들어보세요

          Basic

          Basic

          React, Redux

          지금 바로 React 시작하기Course Thumbnail

          지금 바로 React 시작하기

          The Oreum

          [리뉴얼] React로 NodeBird SNS 만들기Course Thumbnail

          [리뉴얼] React로 NodeBird SNS 만들기

          제로초(조현영)

          리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

          Intermediate

          Intermediate

          React, Redux, Node.js

          [리뉴얼] React로 NodeBird SNS 만들기Course Thumbnail

          [리뉴얼] React로 NodeBird SNS 만들기

          제로초(조현영)

          리액트로 나만의 블로그 만들기(MERN Stack)Course Thumbnail

          리액트로 나만의 블로그 만들기(MERN Stack)

          싸플

          풀스택으로 나만의 블로그를 만들어 보아요~~!

          Intermediate

          Intermediate

          React, Redux, Node.js

          리액트로 나만의 블로그 만들기(MERN Stack)Course Thumbnail

          리액트로 나만의 블로그 만들기(MERN Stack)

          싸플

          따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기Course Thumbnail

          따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

          John Ahn

          이 강의를 통해 리액트와 노드의 개념을 익히는 것뿐만이 아닌 실질적으로 어떻게 웹사이트를 만들 수 있는지를 배울 수 있습니다.

          Basic

          Basic

          React, Redux, Node.js

          따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기Course Thumbnail

          따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

          John Ahn