[TIL #27] Redux

차슈·2024년 5월 28일
1

TIL

목록 보기
28/70
post-thumbnail

Redux DevTools 확인

설치

Redux DevTools 설치

리덕스 개발다 도구이다. 현재 스토어의 상태를 개발자 도구에서 조회하고 디슾해치, 액션에 따라 상태변화가 확인 가능하다.

확인방법


개발자 도구에 이렇게 Redux 클릭!

그럼 창이 하나 뜬다. 거기에 Setting에 들어가서 use local server를 눌러주고 liveserver의 port 번호를 입력해준다.


설정이 다 되었다면, 이런식으로 뜨면 잘된건다

그리고 원하는 동작을 누르면 이렇게 actions이 동작하는 것을 볼 수 있다.


ConfigStore or store에 이 코드가 들어가야지만, Redux devtools로 확인 할 수 있다!


[React-Redux] 개념부터 기본 사용법 까지
리액트에서 Context API 잘쓰는 방법

0개의 댓글