CSS reset 이란?

CSS reset이란, 크로스 브라우징을 위해 브라우저마다 다른 기본값들에 대한 차이를 없애는 것입니다.

브라우저마다 태그를 렌더링하는 기본 스타일이 다르고, 기본 padding, margin값이 적용되어 있는 부분을 초기화 하기 위해 style 기본값을 0으로 만들고 list, a태그에 기본적으로 적용된 스타일들의 초기화를 위해 reset css를 해줍니다.

사용방법

// yarn
$ yarn add styled-reset

// npm
$ 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>
)

참고자료 : https://im-designloper.tistory.com/77