차가운세상

대표적으로 많이 쓰이는 Redux, Mobx가 State관리하는 라이브러리인데요. Redux가 Mobx보다 많이 사용되어져서 Context와 비교해보게 되었습니다. 왜 React에서 16.3부터 context 를 제공하였을까요? class 기반의 사용하였을 경우 provider,consumer를 이용하여 쓰기에는 조금 불편하였습니다. hook이 나온 이후에는 useContext, useReducer를 이용하면 편리해졌습니다. 그러면 왜? 아직도 많은 업체들은 Redux를 사용할까? 대략적으로 비교를 해보았습니다. Context Redux store 또는 관리하는것이 없다. 하나의 store에 하나의 object로 관리 되어진다. React Components에서만 작동 React Components 밖에..

개발 도중에 JSON으로 된 Object 또는 일반 object에 특정 값이 변경 되었을 경우 비교하여 조건문을 걸고 싶은 경우 생각하지 못했던 결과를 얻게 되어서 정리를 해보겠습니다. const k1 = {fruit: '🥝'}; const k2 = {fruit: '🥝'}; // Using JavaScript JSON.stringify(k1) === JSON.stringify(k2); // true // Using Lodash _.isEqual(k1, k2); // true - Deep Nested 비교 조금더 복잡하고 중첩되어진 Object를 비교하여도 제대로된 결과를 얻을수 있습니다. const one = { fruit: '🥝', nutrients: { energy: '255kJ', minerals:..