Redux devtools란?
- 리덕스 애플리케이션의 상태 변화를 모니터링하고 디버깅하기 위한 브라우저 확장 프로그램이다.
- Redux DevTools는 Chrome, Firefox, Safari, Edge 등 다양한 브라우저에서 사용할 수 있으며, 크게 세 가지 기능을 제공한다.
Redux devtools 기능
- Time Travel: 리덕스 애플리케이션의 상태 변화를 타임라인 형태로 시각화하여 쉽게 이해할 수 있다. 개발자는 과거 상태로 돌아가거나 미래 상태로 이동하여 애플리케이션의 동작을 디버깅할 수 있다.
- State Inspection: 현재 상태를 살펴보고 필요한 정보를 추출할 수 있다. 상태 트리의 각 노드를 선택하면 해당 노드의 값을 확인할 수 있으며, 각 액션에서 상태가 어떻게 변경되었는지도 쉽게 파악할 수 있다.
- Debugging: 디버깅 모드에서 애플리케이션의 액션과 상태 변화를 모니터링할 수 있다. 애플리케이션의 동작이 예상대로 되지 않을 때, 액션과 상태 변화를 확인하여 버그를 찾을 수 있다.
신입 개발자