스타일 컴포넌트 설치 [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 "" 를 감싸주고 위에서 만든 글로벌 스타일 파일을 불러옵니다. import { ThemeProvider } from "styled-components"; import { theme } from "styles/theme/theme"; function MyApp({ Component, pageProps }: A...
![[Next.js] 테마 (Theme) 및 글로벌 스타일 (Global Style) 설정하기](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
#
global
#
스타일
#
글로벌스타일
#
공통스타일
#
공용스타일
#
theme
#
styled
#
style
#
react
#
nextjs
#
next
#
globalstyle
#
테마
![[CentOS7] Laravel(VueJS) + 뷰티파이(Vuetify) 적용하기](https://mblogthumb-phinf.pstatic.net/MjAyMDA2MjFfMjIx/MDAxNTkyNjc3Nzg2ODQz.qigYydQHrEUmTmSv3OtjulDYX9mByv-RrirJaseQL14g.zAReSjXmh6y62MdSm1EZME-AYxRVxxHpnfY7z2bn1l0g.PNG.phongdaegi/image.png?type=w2)