styled-components 전역 스타일링 (Global style)
·
TECH
컴포넌트 별로 스타일을 적용할 수 있지만 reset과 같은 공통 css는 전역으로 선언을 해야한다. npm으로 설치해서 사용하는 방법(https://github.com/zacanger/styled-reset)과 직접 스타일을 만들어서 import하는 방법이 있다. 아래는 직접 스타일 파일을 만들어서 import하는 방법이다. styled-components 에서는 createGlobalStyle을 제공해 전역으로 스타일링 할 수 있게 도와준다. reset.css - https://github.com/zacanger/styled-reset/blob/master/src/index.ts 1. GlobalStyle 파일을 만들고 reset css를 선언한다. // GlobalStyle.tsx import { c..