스타일 컴포넌트 설치 [Next.js] 스타일 컴포넌트(Styled Components) 설정하기 package.json 스타일 컴포넌트(Styled Components) 설치 바벨(babel) 설치 .babelrc _documents.js "... blog.naver.com 파일 생성 "styles/theme/theme.ts" const color = { white: "white", black: "black", }; export const theme = { color, }; export type Theme = typeof theme; _app "<ThemeProvider>" 를 감싸주고 위에서 만든 글로벌 스타일 파일을 불러옵니다. import { ThemeProvider } from "styled-components"; import { theme } from "styles/theme/theme"; function MyApp({ Component, pageProps }: A...
#global
#스타일
#글로벌스타일
#공통스타일
#공용스타일
#theme
#styled
#style
#react
#nextjs
#next
#globalstyle
#테마
원문링크 : [Next.js] 테마 (Theme) 및 글로벌 스타일 (Global Style) 설정하기