[Next.js 14] Redux, Redux-toolkit 환경세팅, 사용법

안녕하세요.Next.js와 TypeScript를 사용하며 Redux-toolkit 및 Redux를 세팅하는방법이 조금 까다로운 부분이 있어 포스팅하게되었습니다.Next.js의 버전은 14버전을 기준으로 하니, 참고해주세요. Redux우선 Redux를 알아보기전에 '상태'를 먼저 간단히 알아보겠습니다.React에서 State는 Component 안에서 관리되는 것입니다.자식 컴포넌트들 간 데이터를 주곱다을 때는 상태를 관리하는 부모컴포넌트를 통해 주고받습니다.하지만 이러한 상태를 관리하는 상위 컴포넌트에서 Props의 형식으로 계속 내려받아야 하는 특성상, 자식컴포넌트가 많아진다면 상태관리가 매우 복잡해지기 마련입니다.또한, 자식컴포넌트측에서 props로 받아온 state를 변경한다고 해도, 부모컴포넌트에..