SJ 개발공부 블로그

저번 게시글과 이어서 얘기해 보자면 https://whydoihavetousehypon-0.tistory.com/44 Redux와 React 연결하기 Redux 자체로는 엄연히 독립적인 library이기 때문에 자동으로 React에게 연결이 된다거나 아니면 React에게 연결되는 기능이 있다거나 하지는 않는다. React-Redux라는 library를 이용해야 React가 Redux를 통해.. whydoihavetousehypon-0.tistory.com 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 ..

Redux 자체로는 엄연히 독립적인 library이기 때문에 자동으로 React에게 연결이 된다거나 아니면 React에게 연결되는 기능이 있다거나 하지는 않는다. React-Redux라는 library를 이용해야 React가 Redux를 통해서 상태를 업데이트 할수가 있다. npm을 통해서 react-redux 패키지를 설치하도록 하자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; import..

Redux는 쉽게 말하면 앱의상태를 관리해주는 Library이다. React는 많은 라이브러리들이 있지만 그중 단짝인 라이브러리를 선택하라면 Redux가 있다. 컴포넌트가 적은 규모가 작은 앱에서는 실용성이 없는 라이브러리 이지만 컴포넌트가 여러개 얽혀있는 상태에서는 일일이 Props를 이용해서 데이터를 전달하기에는 매우 코드가 복잡해지기에 Redux를 쓰는 경우가 많다. 예를 들어서 쇼핑몰 앱을 만들었다고 가정을 하고 만약에 유저가 로그인을 했는지 여부를 판단하는 state가 있다고 하자 로그인을 해야만 권한이 부여되어서 쇼핑 카트에 접근을 하다던가, 결제 기능을 이용 할수 있어야 하는데 로그인 상태를 매 다른 컴포넌트에서 확인을 해야 한다면 코드가 복잡해지는 상황이 발생한다. Redux는 앱의 모든 ..