Nerd
Nerd
Nerd
전체 방문자
오늘
어제
  • 분류 전체보기 (439)
    • Today I Learned (333)
    • 주간회고 (8)
    • FrontEnd (5)
    • ErrorNote (7)
    • 자바스크립트 (24)
    • 알고리즘 (13)
    • html과 css (21)
    • 토이프로젝트 (5)
    • React-Native (1)
    • React (13)
    • node (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 리액트
  • 값의 할당 및 재할당
  • package-lcok.json
  • Redux
  • React
  • 3FS
  • wil
  • 모던 자바스크립트
  • JSX
  • 명령적 프로그래밍
  • 주간회고
  • 에러노트
  • 자바스크립트
  • 파이썬기초
  • npm i
  • 메타인지
  • ErrorNote
  • pacakge.json
  • 리덕스 툴킷
  • 절차지향적 프로그래밍
  • 토이 프로젝트
  • 코드숨
  • Today I Learned
  • 파이썬 기초
  • 데이터 타입
  • 토이프로젝트
  • 선언적 프로그래밍
  • TIL
  • npm ci
  • 리액트 훅

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Nerd

Nerd

FrontEnd

Redux] 리덕스 툴킷 configureStore

2022. 1. 6. 23:39

ConfigureStore

configureStore는 리덕스 코어 라이브러리의 표준 함수인 createStore를 추상화한 것입니다.

기존 리덕스의 번거로운 기본 설정 과정을 자동화한 것이라 할 수 있습니다.

configureStore 함수는 reducer, middleware, devTools, preloadedState, enhancer 정보를 전달합니다.

reducer

리듀서는 단일 함수를 전달하여 스토어의 루트 리듀서로 바로 사용할 수 있습니다.

또한 슬라이스 리듀서들로 구성된 객체를 전달하여 루트 리듀서를 생성하도록 할 수 있습니다.

이런 경우 내부적으로 기존 리덕스에 존재하는 combineReducer 함수를 사용해서 자동적으로 병합해

루트 리듀서를 생성하게 됩니다.

middleware

리덕스 미들웨어를 담는 배열입니다.

사용할 모든 미들웨어를 배열에 담아서 명시적으로 작성할 수 있습니다.

미들웨어는 디스패치 된 액션이 리듀서에 도달하기 전 중간 영역에서 사용자의 목적에 맞게

기능을 확장할 수 있도록 돕습니다.

devTools

불리언 값으로 리덕스 개발자 도구를 끄거나 킬 수 있습니다.

preloadedState

스토어의 초기값을 설정할 수 있습니다.

enchaners

기본적으로는 배열이지만 콜백 함수로 정의하기도 합니다.

 

 

'FrontEnd' 카테고리의 다른 글

선언적 프로그래밍과 명령적 프로그래밍  (0) 2023.08.20
FrontEnd] Axios 와 Fetch의 차이점  (0) 2022.01.04
Redux] 불변성 유지  (0) 2021.12.30
Redux] 리덕스를 사용하는 이유는 무엇일까? (feat.전역상태관리)  (0) 2021.12.27
    'FrontEnd' 카테고리의 다른 글
    • 선언적 프로그래밍과 명령적 프로그래밍
    • FrontEnd] Axios 와 Fetch의 차이점
    • Redux] 불변성 유지
    • Redux] 리덕스를 사용하는 이유는 무엇일까? (feat.전역상태관리)
    Nerd
    Nerd
    꾸준히 열심히 지속적으로 하겠습니다!

    티스토리툴바