# mobx

98개의 포스트
post-thumbnail

MobX-utils 간단 정리

Promise 를 인자로 받아, 2개의 observable 변수를 리턴ParameterorigPromise: PromiseoldPromise: Promise이전에 관측되었던 Promise넘겨주면 Promise 가 진행되는 동안 pending 되지 않고 이전의 값을 보유

5일 전
·
0개의 댓글
·

Draft: useMemo + Map(with mobx)

내가 겪은 문제는 다음과 같다.1\. useMemo의 dependencies에 map object 설정2\. map의 value를 변경3\. recalculation이 실행 x4\. 잉?당연히 값이 변경 되었으니 calculation이 다시 실행 될 것으로 예상 했는데

2023년 11월 22일
·
0개의 댓글
·
post-thumbnail

객체 메서드의 this 바인딩

this바인딩을 조심해

2023년 11월 21일
·
0개의 댓글
·
post-thumbnail

상태관리란? In FrontEnd

"유저와의 상호작용을 위한, 변할 수 있는 데이터"우리팀이 만든 핍포같은 경우도 간단한 마이 페이지 지만,유저의 프로필이미지, 아이디 주소 닉네임 값등, 유저에게 눈에 보이는 데이터들은 전부 상태라 할수 있다.이것만 상태냐 ?눈에 보이지는 않지만, 로딩스피너, 해당 기

2023년 10월 26일
·
0개의 댓글
·

Mobx의 느낌

Mobx를 학습 하면서 느낀점 입니다.상태를 반응형으로 만듬으로써 수정 및 접근 시 변경이 전파 되도록 한다.상태를 사용하는 사용자는 해당 상태를 구독하는 입장이 된다.상태를 바꿀때는 원시값을 변경 하는것이 아닌 '.' 표기법으로 접근해야 한다.상태의 대해서 get/s

2023년 10월 12일
·
0개의 댓글
·

mobx todolist - chagGPT

react todo list with mobx

2023년 9월 4일
·
0개의 댓글
·
post-thumbnail

[MobX] MobX (version 6)

React 바인딩 종류 mobx-react : 클래스 기반 컴포넌트 및 함수형 컴포넌트 지원 mobx-react-lite : mobx-react 의 라이트 버전으로 함수형 컴포넌트만 지원 mobx-state-tree : 일명 mst 라고 불린다. 🔔 참고 > 이 포

2023년 8월 25일
·
0개의 댓글
·
post-thumbnail

상태관리 레인저! 프론트엔드 상태관리 라이브러리들을 살펴보자 #2 (Redux)

지난시간에는 간단히 상태관리의 개념과 배경 그리고 몇몇 라이브러리들의 이름을 소개했다. 이번 시간에는 상태관리 라이브러리의 터줏대감들인 Redux 와 MobX를 살펴보는 시간을 가져보도록 하자. 들어가며... (Redux 와 MobX) 이전 시간에 소개한대로 Fl

2023년 8월 16일
·
5개의 댓글
·
post-thumbnail

상태관리 레인저! 프론트엔드 상태관리 라이브러리들을 살펴보자 #1 (상태관리의 시작)

React state를 전역 상태로 관리하고 싶다고? React 상태관리 레인저! 우리에게 맞겨라!React 를 사용하는 개발자라면 누구나 마주하게 되는 순간이 하나 있다. 그건 바로 props drilling. 내가 사용해야하는 state 가 쓸데 없이 번거로운 과정

2023년 8월 10일
·
1개의 댓글
·
post-thumbnail

Mobx 번역 후기

번역을 시작하게 된 계기 전 회사인 디어코퍼레이션을 다닐 때 회사에서 Mobx를 사용하고 있었는데, 렌더링 최적화를 하기 위해 주말에 따로 시간을 내어서 문서를 다 읽었었다. 그 과정에서 내가 모르던 부분에 대해 알게 되었고, 그 부분을 적용하니 앱 성능이 드라마틱하게

2023년 6월 14일
·
0개의 댓글
·
post-thumbnail

React 필수 지식 #2

단일 책임 원칙 (Single Responsibility Principle)\-- 함수나 클래스는 한 가지 기능만을 수행해야함개방 폐쇄 원칙 (Open Close Principle)\-- 확장에는 열려있고 변경에는 닫혀있어야함\-- 쉽게 말하면 기능은 변경될 수 있고

2023년 6월 12일
·
0개의 댓글
·
post-thumbnail

[React] 컴포넌트 구현하기 - 단일/다중 객체 Select 기능

단일/다중 객체 Select 기능 컴포넌트의 예시를 살펴보고, React와 MobX 환경에서 컴포넌트를 구현하는 방법을 살펴봅니다. **with ChatGPT**

2023년 5월 25일
·
0개의 댓글
·
post-thumbnail

[MobX] 🔦 observable과 observer의 활용

이 블로그 글에서는 Observable과 Observer 패턴의 활용법과 장점, 실제 코드 예시를 소개합니다.

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

20230522 - RN, jest, mobX

이제 더 이상 문제는 없겠거니 했으나,생각보다 mocking 해야 할 목록이 많았다.우선 react-native-soundhttps://github.com/zmxv/react-native-sound/issues/245이런식으로 SoundMock class를 만

2023년 5월 22일
·
0개의 댓글
·
post-thumbnail

20230519 - RN, jest, mobX

현재 맡고있는 프로젝트의 코드 상태가 너무 엉망이어서 log를 찍어가며 작업하는 것은 무리였다. 고민을 하다가 이참에 RN 프로젝트에서 jest 테스트를 굴려볼까 생각하여 과감하게 진행 냅다 지피티한테 물어보고 생각보다 잘 뽑아줘서 놀람 현재 작업하는 RN 프로

2023년 5월 22일
·
0개의 댓글
·

MobX에서 비동기를 해보자

안녕하세요 오늘은 MobX에서 비동기 처리하는 방법에 대해 알아보도록 할게요. 그럼 시작해볼까요?MobX는 자바스크립트 상태 관리 라이브러리에요. 애플리케이션 상태를 간편하게 관리할 수 있게 도와주는 것이에요. 'runInAction'은 MobX에서 제공하는 유틸리티

2023년 5월 10일
·
0개의 댓글
·
post-thumbnail

[React]MobX 적용

리액트 네이티브에 2023년 현재 사용되고 있는 상태 관리 라이브러리(state management library) MobX를 사용해서 어플리케이션의 상태관리를 하기 위한 전반적인 내용을 다룬다.최종수정일 : 2023.04.27npm install mobx --save

2023년 4월 27일
·
0개의 댓글
·

Learn 상태 관리 라이브러리

ContextAPI, Redux, MobX, SWR는 상태 관리 라이브러리 혹은 패턴으로 React 프레임워크에서 사용되는 대표적인 상태 관리 방법이다.(State)Context API는 React에서 기본적으로 제공하는 상태 관리 방법 중 하나이다. Context A

2023년 4월 13일
·
0개의 댓글
·

MobX내 setter함수를 구조분해할당하여 사용하는 경우

프로젝트 마이그레이션을 진행하는 중 Mobx관련 setter함수를 사용할 때 있었던 문제를 정리해보려고 한다.

2023년 4월 11일
·
0개의 댓글
·