어떤 때 쓰면 좋을까요?
버튼을 눌렀는데 화면이 예상과 다르게 바뀌거나 여러 상태 변경이 얽힐 때 활용합니다. action의 순서와 변경 전후의 state를 연결해서 볼 수 있어요.
확장 설치 외에도 앱에서 DevTools 연결을 지원해야 합니다. 테스트 데이터로 action 흐름을 확인하고 필요한 구간을 좁혀보세요. 상태에 비밀번호나 민감한 값이 들어가지 않도록 앱 설계와 운영 설정도 함께 점검합니다.
Redux DevTools
크롬 확장 · 개발·데이터
앱 상태가 어떤 action으로 바뀌었는지 추적하기
Redux 등 연결된 상태 관리의 action과 상태 변화를 기록하고 비교하는 개발 도구입니다.
- Action·상태 변경 기록
- 이전 상태·차이 비교
이렇게 써보세요
장바구니 수량 변경이 잘못된다면 해당 action의 payload와 전후 state를 비교해 값이 달라지는 지점을 찾으세요.
얻는 결과상태 변경의 순서와 문제 지점
사용 순서
앱의 Redux DevTools 연결을 확인합니다
문제를 만드는 동작을 수행합니다
Action과 상태 차이를 비교합니다
사용할 때 알아두세요
지원되는 앱 연결이 필요합니다. 민감한 상태가 개발 도구에 기록되지 않도록 확인하세요.
제작자 소개 · 2026-10-04 확인 · 기능·요금은 제작자의 최신 안내를 확인하세요.