# mobx

40개의 포스트

[3]Error _ 플랫폼에서 옵션 선택반영

2가지 문제점 + 목표 + 결론

5일 전
·
0개의 댓글
post-thumbnail

MobX + TypeScript + React 로 슈퍼마켓 구현하기 (1)

mobX, typeScript 그리고 React를 이용해서 간단한 토이 프로젝트를 진행합니다.

2021년 6월 8일
·
1개의 댓글
post-thumbnail

MobX란?

MobX 기초 원리 / 구조 / 주요 api

2021년 6월 3일
·
0개의 댓글

[스크랩] React에서 Mobx와 Redux 차이

https://code-masterjung.tistory.com/74대충 이런 얘기네, Mobx가 더 쓰기 쉽고 편리하지만 함수형 컴포넌트에 적용이 어려웠고(현재는 mobx-react-lite로 가능) 추상도가 높아서 세세한 데이터 플로우를 따라서 디버깅하는게

2021년 5월 13일
·
0개의 댓글

Context API, Redux, MobX 간단 비교

규모가 어느 정도 되는 서비스라면 중앙에서 관리해주는 저장소가 필수데이터들의 중앙 저장소 서비스의 규모가 작다.비동기 처리(요청, 성공, 실패)를 모두 구현컴포넌트에서 데이터 처리가 많아짐비동기 요청이 많다면, Redux나 MobX를 사용하자.데이터들의 중앙 저장소

2021년 4월 23일
·
0개의 댓글
post-thumbnail

React 상태 관리 Tool 사용 & 비교 - (Redux VS MobX VS Context API)

1. Context API https://ko.reactjs.org/docs/context.html#when-to-use-context https://www.youtube.com/watch?v=5LrDIWkK_Bc context는 React 컴포넌트 트리

2021년 4월 1일
·
0개의 댓글

MobX에서 observable, action 만들기

MobX는 구조를 만드는 방법이 하나만 존재하는 것이 아니라, 여러 방법을 제시하고 있다. 여기서는 observable, action을 만드는 여러 방법에 대해 알아볼 것이다.Observable은 makeObservable 을 사용하여 observable이라고 표기해야

2021년 3월 2일
·
0개의 댓글

MobX 코어 개념

MobX에 대해 공부하며, 공식문서의 README와, The gist of MobX를 읽으며 내가 이해한대로 정리한 글이다. 그래서 틀릴 수 있다...😢MobX는 action으로 state가 바뀌었을 때, 단방향 으로 데이터가 흐르게 된다. 그 결과 영향을 받는 뷰

2021년 3월 1일
·
0개의 댓글
post-thumbnail

React 상태 관리

React 와 같은 SPA 를 개발할 때, 많은 컴포넌트의 페이지가 생성된다면, 컴포넌트 사이에 데이터 및 메소드의 접근이 매우 복잡해지는 경우가 발생할 수 있습니다.작성하는 입장에서는 물론이고 가독성 면에서도 상당히 떨어지기 때문에, 이를 Global Store 영역

2021년 2월 7일
·
0개의 댓글

MobX 톺아보기 🧐

obsevables을 기반으로 계산된 값, 정보를 뜻한다. Lazily 하게 evaluate 하는데 obsevables 가 변경되었을때만 계산을 진행한다. Computed Value는 getter 로 지정해서 표현할 수 있다. Example)➡️ 예시와 같이 get을

2021년 1월 25일
·
0개의 댓글
post-thumbnail

MobX 공식 문서 톺아보기

➡️ MobX는 3가지 개념으로 나눌 수 있다. State Actions - state를 변화 시키는 것Derivations(Computed Values) - state로 부터 계산된 값imgobservable 을 지정함으로써 값의 변화를 감지할 수 있다. makeOb

2021년 1월 21일
·
0개의 댓글
post-thumbnail

MobX 시작해보기

오늘은 상태관리 라이브러리 중 하나인 Mobx에 대해서 알아보겠습니다.MobX의 기본 개념에 대해서 살펴보고 리액트 프로젝트에서 어떻게 사용되는지를 알아보겠습니다.➡️ MobX에서 state(상태, 값)를 관찰 대상(observable value)라고 합니다.이 객체에

2021년 1월 17일
·
2개의 댓글
post-thumbnail

🧐 상태 관리 뭐로 할까? Redux, Context API, MobX (영문)

In layman's terms, global state management allows data to be passed/manipulated among multiple components easily (breaking the chain of passing-props-

2020년 12월 29일
·
1개의 댓글
post-thumbnail

Mobx 일단 혼내보기 (1)

Mobx로 프로젝트를 시작해야 한다. Mobx가 뭔지도 아직 모르겠지만 일단 혼내보자.출처 : 우아한형제들 기술블로그Mobx의 데코레이터를 사용하기 위해서는 CRA가 지원이 안돼서 따로 설정을 해줘야 한다.참고 : https://velog.io/@hadmari

2020년 12월 15일
·
0개의 댓글
post-thumbnail

[Mobx] 리액트 Context API + Mobx

Mobx 공식 docs를 보면 리액트와 결합하는 방법은 총 세가지입니다. mobx store를 컴포넌트의 props로 넘긴다.import해서 전역 객체로 사용한다.React의 context API를 활용한다.이 중에 3번째 방법이 공식 문서에서 추천하는 best pra

2020년 12월 8일
·
0개의 댓글
post-thumbnail

Mobx(2) - React에서 사용하기

현제 프로젝트에서 Mobx를 사용하고자 합니다. 그래서 React에 Mobx 간략히 사용해보겠습니다.React에서 Redux가 아닌 Mobx를 사용하여 상태 관리를 해보겠습니다. 우선 해당 글에 나오는 코드는 벨로퍼트 님의 글에서 옵니다. MobX (2) 리액트 프로젝

2020년 11월 29일
·
0개의 댓글

TIL 45 day MobX store의 값을 re-rendering 하는 방법

next.js와 MobX 및 hooks를 사용한 프로젝트에서 헤맨 과정의 일부이다. MobX가 Redux와 같은 상태관리 라이브러리라는 사실은 알고 시작했지만 hooks로 사용하려니 너무 자료가 없었다. 대부분의 90% 이상의 예제들이 모두 class component

2020년 11월 28일
·
0개의 댓글
post-thumbnail

Mobx(1)

상태관리 라이브러리 중 Mobx 대하여...

2020년 11월 23일
·
0개의 댓글
post-thumbnail

[ MobX ]

Observable State (관찰 받고 있는 상태) MobX를 사용하고 있는 앱의 상태는 Observable(관찰받고 있는 상태)이다. 앱에서 사용하고 있는 상태는 변할 수 있으며, 만약에 특정 부분이 바뀌면 MobX에서는 어떤 부분이 바뀌었는지 정확히 알 수 있다

2020년 11월 22일
·
0개의 댓글