Redux2 [React] Redux 기본 사용법 : createStore, Provider, userSelector, useDispatch 1. createStore로 store 만들기createStore는 Redux에서 전역 상태 저장소(store)를 만드는 함수.사용하려면 먼저 reducer 함수가 있어야 한다.// reducer.jsconst 초기값 = { count: 0 };function counterReducer(state = 초기값, action) { switch (action.type) { case 'INCREMENT' : return { count: state.count + 1 }; case 'DECREMENT' : return { count: state.count - 1 }; default: return state; }}export default counterReducer;/.. FE/React 2025. 7. 17. [React] Redux란? 왜 써야 할까? React로 프로젝트를 하다 보면 어느 순간 state 관리가 점점 복잡해지는 경험을 하게 됩니다.처음에는 간단한 컴포넌트 간 props 전달로도 충분했지만, 컴포넌트가 많아지고 상태가 얽히면서 버그가 생기고,"대체 어디서 상태가 바뀌는지" 알 수 없어지는 순간이 오죠.이럴 때 등장하는 것이 Redux 입니다. Redux란?Redux는 자바스크립트 앱의 상태(state)를 중앙에서 관리할 수 있도록 도와주는 라이브러리입니다.React뿐만 아니라 다양한 프레임워크에서도 사용할 수 있지만,보통은 React + Redux 조합으로 많이 사용합니다. ❓ Redux를 왜 사용할까?1. props 전송이 귀찮을 때React는 컴포넌트 기반이기 때문에상위 컴포넌트 → 하위 컴포넌트로 데이터를 전달할 때 prop.. FE/React 2025. 7. 17. 이전 1 다음 728x90 반응형