Thumbnail
BEST
개발 · 프로그래밍 프론트엔드

Redux vs MobX (둘 다 배우자!) 대시보드

(4.7)
32개의 수강평 ∙  899명의 수강생

33,000원

지식공유자: 조현영
총 39개 수업 (8시간 23분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

리덕스와 몹엑스 뭘 선택할지 고민되시나요? 일단 둘 다 배우고나서 고민합시다!

✍️
이런 걸
배워요!
Redux
redux-thunk
redux-saga
MobX
react-redux
mobx-react

리덕스 vs 몹엑스

뭘 선택할지 고민된다면 일단 둘 다 배우자!


🗒 강의소개

React 프로그래밍을 할 때, 상태 관리 도구로 Redux와 MobX 두 개 중에 뭘 선택할지 많이 고민되시죠?
그런데 둘 다 알고 계신가요? 확실하게 비교하기 위해서는 먼저 둘 다 알아두어야 합니다. 이 강좌를 통해 배워봅시다.

Redux와 MobX 모두 쉽습니다. 정말로요.


🗒 질문에 빠르게
대답해 드립니다.

제 강좌의 장점은 Q&A입니다. 질문하시면 하루 안에 답변드려요.
강좌 관련 내용을 자유롭게 질문하시면서 능동적으로 공부해 보세요.
내용을 이해하기에 더 도움이 될 거예요!


🗒 FAQ

1. mobx-state-tree는 다루지 않습니다.
2. 복잡한 예제는 다루지 않습니다.
3. 제 강좌에서 알려드린 패턴만 사용해도 충분히 복잡한 프로그램을 만들 수 있습니다.
4. 소스코드는 https://github.com/zerocho/redux-vs-mobx 에 있습니다.
5. 리액트 무료 강좌(웹게임을 만들며 배우는 리액트)를 먼저 보고 오세요.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
리액트 무료 강좌를 보고 오신 분
리덕스와 몹엑스 중에 고민이신 분
📚
선수 지식,
필요할까요?
자바스크립트
리액트

안녕하세요
조현영 입니다.
조현영의 썸네일

제 강의의 장점은 Q&A입니다. 24시간 이내에 무조건 답변드립니다! 다만 여러분들도 질문을 잘 해주셔야 합니다.

https://www.zerocho.com/lecture

제로초 강의 전체 로드맵

 

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

커리큘럼 총 39 개 ˙ 8시간 23분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Redux
1-1. 강좌 소개와 리덕스의 필요성 미리보기 12:37
1-2. action과 리덕스 장단점 06:51
1-3. 프로젝트 세팅과 공식문서 10:05
1-4. action 생성기와 리듀서 12:26
1-5. 불변성과 subscribe 08:29
1-6. 현실적인 예제 보기 11:06
1-7. 리덕스 Q&A 10:27
섹션 1. react-redux
2-1. 리덕스 폴더 구조 11:59
2-2. combineReducer 12:02
2-3. 리덕스 미들웨어 10:19
2-4. redux-thunk 19:06
2-5. react-redux 16:22
2-6. Q&A 14:17
2-7. redux-devtools와 connect 17:57
2-8. immer 16:41
섹션 2. redux-toolkit
툴킷을 선택한 이유 10:19
새롭게 등장한 slice 09:51
createAsyncThunk로 비동기 처리하기 11:29
액션 구조 살펴보기 13:46
리덕스를 쓰지 말아야 할 때(인풋) 14:15
리덕스를 쓰지 말아야 할 때(비동기) 16:24
createSelector(reselect) 22:21
섹션 3. MobX
3-1. MobX 도입하기 미리보기 12:28
3-2. observable, reaction, action 07:59
3-3. 리덕스와의 차이점과 Q&A 19:08
섹션 4. mobx-react
4-1. mobx-react 사용하기 11:46
4-2. observer와 mobx-devtools 16:16
4-3. mobx-react와 hooks 18:35
4-4. decorator 사용해보기 07:35
4-5. 엄격 모드와 기타 기능들 16:01
computed와 MobX@6 13:21
섹션 5. 보너스: 리덕스 사가
5-1. 리덕스 사가의 필요성과 맛보기 16:41
5-2. 사가 미들웨어 리덕스에 연결하기 11:01
5-3. ES2015 제너레이터 10:50
5-4. 사가의 제너레이터 이해하기 09:42
5-5. 사가에서 반복문 제어하기 10:34
5-6. takeEvery, takeLatest 10:03
5-7. fork, call, 사가 총정리 09:46
5-8. 사가 패턴과 Q&A 12:28
강의 게시일 : 2019년 11월 10일 (마지막 업데이트일 : 2019년 11월 12일)
수강평 총 32개
수강생분들이 직접 작성하신 수강평입니다.
4.7
32개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
Lyn thumbnail
5
애매모한 개념이 확실히 잡혓네요
2021-01-01
슈퍼장 thumbnail
5
리덕스, 몹엑스 모두 도큐먼트보면 잘 정리되어 있지만 마음이 급한분 빨리 맛부터 보고싶다!! 하시는 분들께는 안성맞춤 입니다. 예제 코드 외에도 어느 정도 동작 원리에 대해서도 설명해 주셔서 문서 보기가 좀 불편하신 분들께도 추천합니다. 하지만 리덕스, 몹엑스 모두 서비스에 따른 더 나은 설계 방식이 너무 다양하여 강의에 나온 내용만 가지고는 서비스에 맞게 '잘' 쓰기에는 무리가 있을 것 같습니다. 강사님도 말씀하신 것 처럼 도큐먼트도 꼭 보시는게 좋을 것 같네요. 좋은 강의 감사드립니다 :) * 참고로 강의중 질문이 있어 글 남겨드렸는데 다음날 바로 답변해 주셨어요. 유료 강의라 강의 구매 결정할 때 이런 부분도 중요할 것 같아 남겨드립니다.
2020-03-29
Next thumbnail
5
Redux, MobX, Redux Saga에 대해 빠르게 배워보고 싶으신 분들에게 추천합니다. 실제 프로젝트에서 어떻게 리덕스와 리덕스 사가를 사용하는 지 궁금하신 분들은 리액트 노드 버드 쪽도 들어 보시면 좋을 것 같습니다. 좋은 강의 감사합니다.
2022-06-22
ㅇㅇ thumbnail
5
redux-saga가 맨 뒤에 있는 이유가 있나요? saga 부분은 코드가 어디 있나요?
2023-10-05
지식공유자 조현영
redux-saga는 react-nodebird에서 강의를 일부 발췌한 것입니다. 코드도 react-nodebird의 코드를 빌려와 설명합니다. https://github.com/ZeroCho/react-nodebird/tree/master/ch4/front/sagas
2023-10-05
ㅇㅇ
빠른 답변 감사합니다.
2023-10-05
roider2316 thumbnail
5
잘 들었습니다. redux나 mobx는 그냥 대충 흐름만 이해된 정도지만 비동기가 주가 되고 제너레이터도 쓰는 라이브러리 특성상 자바스크립트 고급강좌의 실전편 느낌나서 이해하지 못하고 대충 넘어간 어려운 부분이 마저 이해되어서 좋았어요.
2023-05-26