React:Styled-Components 에서 createGlobalStyle 사용하기

Yoonezi·2023년 2월 20일
0

React

목록 보기
7/15


Styled-Componentsd에서 margin: 0, padding: 0, font-family와 같이 Global한 속성들을 적용시킬 수 있는 방법이 있다 !


(참고)
1. 우선 create-react-app 을 사용하여 새로운 프로젝트를 만들어주기

$ npx create-react-app todolist
  1. 그리고, 해당 디렉터리에 들어가서 라이브러리 와styled-componentst설치 해주기
$ cd todolist
$ yarn add styled-components


1. createGlobalStyle 를 import 해주기

import { createGlobalStyle } from 'styled-components';


2. ```GlobalStyle``` 생성해주기 ```javascript const GlobalStyle = createGlobalStyle` body { background: #e9ecef; } `; ```
profile
차곡차곡

0개의 댓글