reduxjs/redux-devtools

어떤 프로젝트인가요?

핵심 기능

• 01Chrome, Edge, Firefox용 브라우저 확장 프로그램
• 02독립 실행형 앱 및 삽입 가능한 React 컴포넌트
• 03액션 재생 및 이전 상태 단계별 탐색
• 04상태를 유지하면서 리듀서 핫 리로드
• 05사용자 지정 가능한 UI와 모니터
• 06Redux 외의 상태 관리자와의 통합

활용 사례

• Redux를 사용하는 React 앱의 상태 변경 디버깅
• 버그를 재현하기 위해 사용자 액션을 순서대로 재생
• 내부 도구에 상태 검사기 삽입
• 브라우저가 아닌 환경에서 원격으로 상태 검사

빠른 시작

1. 1

   Chrome, Edge 또는 Firefox 스토어에서 브라우저 확장 프로그램을 설치하세요

2. 2

   pnpm 웹사이트에서 pnpm을 설치하세요

3. 3

   모노레포 의존성을 설치하세요

   pnpm install
4. 4

   모든 패키지를 빌드하세요

   pnpm run build:all

사용 전 알아둘 점

• !브라우저 확장 프로그램은 Chrome, Edge, Firefox에서만 사용할 수 있습니다.
• !소스에서 빌드하려면 pnpm을 사용해 모든 패키지를 먼저 빌드해야 하므로, 주로 기여자를 위한 방법입니다.

토픽

자주 묻는 질문

redux-devtools은(는) 무엇인가요?

액션 재생과 핫 리로딩을 지원하는 Redux 상태 검사 브라우저 확장 프로그램 및 React 컴포넌트입니다. Redux DevTools를 사용하면 Redux 스토어에 디스패치된 모든 액션을 확인하고, 각 액션에 따라 상태가 어떻게 바뀌는지 살펴볼 수 있습니다. 통합 API를 통해 연결할 수 있다면 상태 변경을 관리하는 다른 아키텍처에서도 사용할 수 있습니다.

redux-devtools은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

redux-devtools은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

redux-devtools은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. redux-devtools의 마지막 커밋은 2026년 10월 21일입니다.

redux-devtools은(는) 어디에 사용할 수 있나요?

Redux를 사용하는 React 앱의 상태 변경 디버깅 버그를 재현하기 위해 사용자 액션을 순서대로 재생 내부 도구에 상태 검사기 삽입 브라우저가 아닌 환경에서 원격으로 상태 검사

redux-devtools는 어떻게 설치하나요?

Chrome, Edge 또는 Firefox 스토어에서 브라우저 확장 프로그램을 설치하세요 pnpm 웹사이트에서 pnpm을 설치하세요 모노레포 의존성을 설치하세요: pnpm install 모든 패키지를 빌드하세요: pnpm run build:all

redux-devtools은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/reduxjs/redux-devtools