Redux (1) 썸네일형 리스트형 Redux와 styled-components를 이용하여 다크모드 상태관리 구현하기 React와 TypeScript환경 프로젝트에서 다크모드와 라이트모드 상태관리 구현하는 프로젝트를 진행해 보겠습니다 1. 필요한 라이브러리들을 설치합니다. npm install redux react-redux @types/react-redux @reduxjs/toolkit styled-components 타입스크립트를 사용하신다면 @types/react-redux를 추가로 설치해야 합니다. 2. 필요한 파일들을 폴더에 맞게 생성합니다. 저는 theme 전역변수들을 선언할 themeSlice.js파일과 각각의 slice들을 reducer에 담아둘 store.js 파일을 redux폴더에 생성했고, 전역적으로 스타일을 관리할 GlobalStyles.tsx 파일을 style폴더에 생성했습니다. 3. 리덕스로 전.. 이전 1 다음