[React] 프로젝트 style reset 하기

글로벌하게 미리 정의돼있는 스타일을 reset 하는 법을 알아보고자 한다. Eric Meyer's의 reset 표준을 사용한다.

공식 문서를 참고하였다.

 

가장 먼저 터미널에 설치해준다.

npm i styled-reset

 

이후 App.js 파일에 가서 아래와 같이 적어준다.

import * as React from 'react'
import { Reset } from 'styled-reset'
 
const App = () => (
  <React.Fragment>
    <Reset />
    <div>Hi, I'm an app!</div>
  </React.Fragment>
)

 

styled-reset으로부터 Reset 컴포넌트를 import 해준 뒤, Fragment 태그 안에 넣어준다. (각자 fragment의 모양은 다를 수 있다)