리덕스를 세팅하고 서버사이드에서 실행이 되며 무사히 브라우저에 그려지고 크롬에서 제공하는 확장 프로그램을 이용해 저장이 되는지도 확인해보았다.
그런데, 첫 설치시 리덕스 홈페이지에 가서 설치 명령어를 살펴보고 책과 비교를 해보았는데, 홈페이지에서는 toolkit을 설치해 사용할 것을 권장하는데, 책에서는 redux-devtools-extension을 설치하라고 나와있었다.
따라서 일부 설치 명령어만 복사붙여넣고 데브툴즈 익스텐션은 일단 책에 나와있는데로 설치를 진행하였다.
리덕스 데브툴 확장 프로그램을 사용하기위해 필요한 것이었다.
어제는 이것저것 적어넣을 것도 많았고, 리덕스 데브툴을 사용하기위해서는 미들웨어에서 이것을 사용하기 위한 코드를 만들어주는 과정이 필요했다.
그런데, 이 과정이 필요가 없어지고 훨씬 단축되는 방법이 존재했다!!
바로 toolkit을 사용하는 것이다!
리덧스 작업을 단순화하고 실수를 방지하는 리덕스에서 추천하는 방법을 말한다.
이것을 설치하면 설정이 줄어들고, redux-devtools-extention 은 필요가 없어지며 단지 설정중에서 configureStore에 devtools:true 만 넣어주면 데브툴즈를 사용하겠다는 설정이 된다.
=> toolkit에 데브툴을 포함하기 때문이다!
오늘은 이렇게 toolkit설정을 진행해 보았다.
