Redux2 [Tars] 회고록 8일차 - redux onboardingPage를 만들면서 전역으로 상태관리의 필요성을 느끼고 있었다. 팀원이 redux toolkit을 사용해서 만들어 놓았는데 코드를 하나도 이해하지 못 하겠어서 redux부터 생활코딩님의 강의를 들으면서 공부를 하기 시작하였다. 생활코딩 - redux 강의 리덕스를 정리한 노션 4년전 강의라서 오래된 감은 있지만 기본적인 원리, 구조는 변경되지 않아서 정리를 하였다. 내일은 redux-toolkit강의를 듣고 실제로 Tars프로젝트에 적용을 해보자. 프로젝트/Tarss 2024. 3. 2. 무한 props 없애기 Redux Redux가 뭔데 왜 쓰는데 Redux는 props 없이 state를 공유할 수 있게 도와주는 라이브러리이다. store.js에 state들을 보관하고 다른 컴포넌트에 쏴줄수있다. 사이트가 커지면 유용하게 써먹을 수 있다. Redux 설치 및 셋팅 Redux 설치 아래의 코드를 터미널에 입력하면된다. npm install @reduxjs/toolkit react-redux redux toolkit이라는 라이브러리를 사용할 건데 redux의 문법을 쉽게 만드는 라이브러리이다. 설치하기전에 "react" "react-dom" 의 버전이 18.1.x 이상인지 확인하자. 확인법은 package.json에서 확인가능하다. Redux 셋팅 아무곳에 store.js 파일을 만들고 아래 코드에 복붙해준다. 여기가 바.. 개발/React 2023. 8. 23. 이전 1 다음