Gatsby 블로그 styled-component로 global style 설정하기 (createGlobalStyle) /개발 블로그 제작기

styled-component 설치가 안되어있으면

2021.11.10 - [Gatsby] - Gatsby Styled Components 사용하기

설치를 완료한 상태라면 우선 사용할 파일을 새로 만들어준다

globalStyle.js

 

 

파일에서 createGlobalStyle 을 import 해준다

import { createGlobalStyle } from "styled-components";

 

 

createGlobalStyle을 함수에 할당해주고 원하는 스타일을 지정해서 사용하면 된다

import { createGlobalStyle } from "styled-components";


const GlobalStyle = createGlobalStyle`

  body {
    margin: 0;

  }

  a {
    text-decoration: none;
  }


`;

export default GlobalStyle;