리액트/리덕스7 리덕스 리덕스 리덕스 세팅 npm install redux react-redux redux 폴더 만들고 redux폴던안에 config폴더랑 modules 폴더 만들기 , 폴더를 만들었으면 config 안에 configStore.js 만들고 modules 안에 우리가 사용할 state 들을 작성한다 . configStore는 state들을 컴포넌트에 연결시켜주는 역할을 한다 . 3.configStore 초기세팅 -creatStore() 만들기 const store = createStore(rootReducer); -리듀서 만들기 const rootReducer = combineReducers({ //이곳은 state 들을 연결시켜주는 곳 입니다. // ex) counter , accout }); 만든 리듀서를 c.. 2022. 12. 20. Redux Redux - 전역 글로벌하게 상태를 저장할 수 있는 곳을 만들고 어떤 컴포넌트든지 쉽게 접근 가능하게 해주면서 상태관리를 쉽게 해준다! 리액트만 사용했을때는 1,2,3,4 로 옮기기 위해서 prop를 통해서 부모컴포넌트에서 자식 컴포넌트로 값을 보내 주었다. 여러컴포넌트가 있을때는 propsDrilling을 이용하여 값을 보내주곤 했는데 컴포넌트가 만약 수백개라면 사용하는데 불편함이 있어서 리덕스를 사용한다고 한다! 리덕스는 전역에서 사용이 가능하여 원할때 값을 쉽게 빼올 수 있는 장점이 있다? 일단 리액트에서 리덕스를 사용하려면 두개의 패키지를 설치해야한다 yarn = yarn add redux react-redux npm = npm i redux react-redux 터미널에서 설치해주고 시작 리덕.. 2022. 12. 17. Redux Redux 상태를 중앙에서 관리하는것을 통해서 데이터가 우리가 예측하지 않은 대로 변형되는 가능성을 낮춰주는거 리액트나 리덕스는 개발의 복잡성을 낮춰주는 기술 비유: 리액트는 소문과 같고 리덕스는 미디어 같은느낌 소문은 필요없는 소문을 모든 사람이 다 들음 소문은 전판 되기 위해서는 집집마다 연결되어있어야함 리덕스 언론사 모든정보를 가지고 있어 리덕스 언론사에 전해주고 리덕스는 전체 컴포넌트에 방송한다 . 전체에게 하고싶은말이 있으면 리덕스 스토어에 전달하면 된다 필요한 컴포넌트들 에게만 정보를 전도할수있다. 소문 사이 리덕스 언론사를 세워준다 우리 복잡성을 낮춰준다 props가 리덕스 이용하지 않고 연결돼 있으면, 전자회로가 연결돼있는데 스위치가 하나라도 끊기면 맨 마지막 회로에서 전기를 못받는 거랑 .. 2022. 12. 9. 이전 1 2 다음