리덕스 3

59 :: Redux, 구조, React와 Redux, 비동기 처리

엘리스 SW 엔지니어 트랙 59일차 온라인 강의날 Redux 앱 전체 상태 관리하기 위해 나온 라이브러리 많은 개념들이 Flux 패턴에서 가져왔다 주로 React와 같이 사용 언제 Redux 사용할까? 앱 전체 상태 관리시 복잡한 비동기 처리시 앱의 상태가 복잡하고 체계적으로 관리하고 싶을 때 상태 관리 패턴 도입해서, 여러 개발자와 협업시 logger, devtool 등 활용해서 상태 관리할 때 핵심 원칙 3가지 1. Single source of truth Store는 단 하나, 모든 앱의 상태는 여기에 보관 2. Immutability 상태는 오직 읽을 수만 있다. 변경하려면 도든 상태가 변경되어야 한다 3. Pure function(side effect) 상태의 변경은 사이드 이펙트를 만들지 않아..

Web Dev/ELICE 2022.01.14

58 :: React에서 Redux, 테스트

엘리스 SW 엔지니어 트랙 58일차 실시간 강의날 Redux로 CRUD setState 배운지도 얼마 안된 참이라 Redux가 더욱 편하게 해준다고 이해가 쉽게 잘 안되지만 props로 넘겨주는 일을 하고 있지 않은 것이 좋네 Redux는 어플리케이션의 심장 같은 녀석이라고 한다 좋은 엔진을 얻었다고 생각하라고도 하신다 Redux 없이 만든다면 props drilling 을 해야할 수도 있다 React에서 Redux 사용 방법 이걸로 감싸줘야 이 안에서 redux를 사용할 수 있다 Root 읽을 때 useSelector 훅 useSelector는 함수를 매개변수로 받는다 function selectorHandler(state) { return state.number; } const number = use..

Web Dev/ELICE 2022.01.13

56 :: Redux, 상태 관리, Context API

엘리스 SW 엔지니어 트랙 56일차 실시간 강의날 REDUX(리덕스) 리덕스는 자바스크립트에 포함된 기술이다 리액트에 포함된 기술이 아니다 소프트웨어 개발시 위험한게 복잡성이다 코드의 복잡성을 낮추기 위해 Redux를 사용한다 Single Source of Truth 단 하나의 객체에 어플리케이션이 사용하는 모든 데이터를 집어 넣는다 상태(state)는 그냥 객체다 데이터의 보안을 생각하기에 reducer, dispatcher 만 이용해서 데이터를 변경할 수 있다 직접 state 값을 바꾸지 못한다 데이터를 가져갈 때도 삼엄하다 getstate라는 함수를 이용해서 가져갈 수 있다 UNDO, REDO 쉽게 가능 store 정보가 저장되는 곳 state가 저장된다 state를 직접 수정을 할 수 없다 get..

Web Dev/ELICE 2022.01.11
728x90