33,000원
초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.
[웹 개발, 프론트엔드] 강의입니다.
리덕스와 몹엑스 뭘 선택할지 고민되시나요? 일단 둘 다 배우고나서 고민합시다!
✍️
이런 걸
배워요!
이런 걸
배워요!
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. 리액트 무료 강좌(웹게임을 만들며 배우는 리액트)를 먼저 보고 오세요.
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
리액트 무료 강좌를 보고 오신 분
리덕스와 몹엑스 중에 고민이신 분
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
자바스크립트
리액트
안녕하세요
조현영 입니다.
조현영 입니다.
제로초 강의 전체 로드맵
– Node.js교과서, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현재 유튜브에서 ZeroCho TV로 방송중
– 오늘의픽업 CTO(카카오모빌리티에 엑싯)
– ZeroCho.com 운영자
– 현재 유튜브에서 ZeroCho TV로 방송중
– 오늘의픽업 CTO(카카오모빌리티에 엑싯)
– 카카오모빌리티 개발파트장
커리큘럼
총 39 개
˙ 8시간 23분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Redux
7 강
∙ 1시간 12분
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
8 강
∙ 1시간 58분
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
7 강
∙ 1시간 38분
툴킷을 선택한 이유
10:19
새롭게 등장한 slice
09:51
createAsyncThunk로 비동기 처리하기
11:29
액션 구조 살펴보기
13:46
리덕스를 쓰지 말아야 할 때(인풋)
14:15
리덕스를 쓰지 말아야 할 때(비동기)
16:24
createSelector(reselect)
22:21
섹션 3. MobX
3 강
∙ 39분
섹션 4. mobx-react
6 강
∙ 1시간 23분
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. 보너스: 리덕스 사가
8 강
∙ 1시간 31분
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일)
수강평
총 30개
수강생분들이 직접 작성하신 수강평입니다.
4.8
30개의 수강평
5점
4점
3점
2점
1점
VIEW
좋아요 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
리덕스, 몹엑스 모두 도큐먼트보면 잘 정리되어 있지만 마음이 급한분 빨리 맛부터 보고싶다!! 하시는 분들께는 안성맞춤 입니다. 예제 코드 외에도 어느 정도 동작 원리에 대해서도 설명해 주셔서 문서 보기가 좀 불편하신 분들께도 추천합니다.
하지만 리덕스, 몹엑스 모두 서비스에 따른 더 나은 설계 방식이 너무 다양하여 강의에 나온 내용만 가지고는 서비스에 맞게 '잘' 쓰기에는 무리가 있을 것 같습니다.
강사님도 말씀하신 것 처럼 도큐먼트도 꼭 보시는게 좋을 것 같네요.
좋은 강의 감사드립니다 :)
* 참고로 강의중 질문이 있어 글 남겨드렸는데 다음날 바로 답변해 주셨어요. 유료 강의라 강의 구매 결정할 때 이런 부분도 중요할 것 같아 남겨드립니다.
2020-03-29
Redux, MobX, Redux Saga에 대해 빠르게 배워보고 싶으신 분들에게 추천합니다.
실제 프로젝트에서 어떻게 리덕스와 리덕스 사가를 사용하는 지 궁금하신 분들은 리액트 노드 버드 쪽도 들어 보시면 좋을 것 같습니다.
좋은 강의 감사합니다.
2022-06-22
애매모한 개념이 확실히 잡혓네요
2021-01-01
리덕스와 mobx 개념 잡기 좋네요
2023-05-06
역시 믿고 듣습니다~~
2022-12-18