목록라이트모드 (1)
rigood
[styled-components] 타입스크립트에서 styled-components 다크모드/라이트모드 설정하기
0. 설치 // styled-components 설치 npm i styled-components npm i -D @types/styled-components // 상태관리 라이브러리는 recoil 설치 npm i recoil 1. 타입 선언 1) src 폴더 내에 styled.d.ts 파일 생성한다. 2) 상단에 styled-components를 import한다. 3) styled-components 모듈을 선언하고, DefaultTheme 인터페이스를 설정해준다. // styled.d.ts import "styled-components"; declare module "styled-components" { export interface DefaultTheme { bgColor: string; boardC..
🎨 프론트엔드/React
2023. 5. 18. 13:05