본문으로 건너뛰기
비공식 베타 번역

이 페이지는 PageTurner AI로 번역되었습니다(베타). 프로젝트 공식 승인을 받지 않았습니다. 오류를 발견하셨나요? 문제 신고 →

compose(...functions)

개요​

함수를 오른쪽에서 왼쪽으로 합성합니다.

이것은 함수형 프로그래밍 유틸리티로, 편의를 위해 Redux에 포함되어 있습니다. 여러 개의 store enhancer를 연속적으로 적용할 때 사용할 수 있습니다. compose는 범용 독립형 메서드로도 사용 가능합니다.

경고

compose를 직접 호출할 필요는 없습니다. Redux Toolkit의 configureStore 메서드가 표준 applyMiddleware와 Redux DevTools 스토어 인핸서를 자동으로 구성해주며, 추가 인핸서를 전달할 수 있는 enhancers 인자를 제공합니다.

인자​

  1. (arguments): 합성할 함수들. 각 함수는 단일 매개변수를 받는 것으로 기대됩니다. 각 함수의 반환 값은 왼쪽에 위치한 함수의 인자로 전달됩니다. 가장 오른쪽에 위치한 함수는 예외적으로 여러 매개변수를 받을 수 있으며, 이는 최종 합성 함수의 시그니처를 결정합니다.

반환값​

(Function): 주어진 함수들을 오른쪽에서 왼쪽으로 합성하여 얻은 최종 함수입니다.

예제​

이 예제는 compose를 사용하여 store를 applyMiddleware와 redux-devtools 패키지의 개발자 도구들로 강화하는 방법을 보여줍니다.

import { createStore, applyMiddleware, compose } from 'redux'
import { thunk } from 'redux-thunk'
import DevTools from './containers/DevTools'
import reducer from '../reducers'

const store = createStore(
  reducer,
  compose(applyMiddleware(thunk), DevTools.instrument())
)

활용 팁​

  • compose는 단지 오른쪽으로 치우치는 코드 없이 깊게 중첩된 함수 변환을 작성할 수 있게 해줄 뿐입니다. 과대평가하지 마세요!