본문 바로가기

전체 글

(76)
[React] 리듀서 활용하기 리듀서 합치기 redux 패키지에서 제공하는 combineReducers() 함수는 여러 리듀서를 통합하여 새로운 리듀서를 만들어 준다.  아래 코드는 combineReducers() 함수의 선언문이며 ReducersMapObject 타입 객체를 입력 매개변수로 받는다.  그리고 타입 변수 S는 상태를 의미하며 여기서는 AppState가 해당된다.  combineReducers() 함수의 매개변수 reducers는 ReducermapObject타입 객체이다.export function combineReducers (reducers: ReducersMapObject): Reducer>   ReducersMapObject 선언문은 상태 객체의 각 키를 처리하는 리듀서의 타입을 매핑하는 역할을 한다.  그러므..
[React] 리덕스 기본 개념 이해하기 리덕스와 리덕스 관련 필수 패키지 리액트 제작사인 메타(meta)는 리액트를 처음 발표할 때 플럭스(flux)라고 부르는 앱설게 구격을 함께 발표했다.  플럭스는 앱의 수준 상태, 즉 여러 컴포넌트가 공유하는 상태를 리액트 방식으로 구현하는 방법이다.   이후 플럭스 설계 규격을 준수하는 오픈소스 라이브러리인 리덕스(redux)가 등장했으며 가장 많이 사용하는 패키지이다.   리덕스를 사용하려면 redux와 @reduxjs/toolkit(RTK)패키지, react-redux 패키지를 설치해야 한다.  redux와 RTK는 프레임워크와 무관하므로 리액트 외 앵귤러나 뷰에서도 사용할 수 있다.  다만 react-redux는 리액트와 함께 동작하므로 다른 프레임워크에서는 사용할 수 없다.npm i redux ..