내가 styled-reset을 알기 전까지는 cdn 링크나 css 코드로 직접 속성을 초기화했었다. 하지만 이번에 react를 공부하면서 간단하게 할 수 있는 방법이 없을까? 찾던 중에 styled-reset
을 알게되었다.
해당 방법을 통해 쓸모없는 코드 길이를 대폭 줄일 수 있었다.
styled-rest
-
설치
npm i styled-reset
명령어를 작성하여 styled-reset을 설치 -
적용
App.js 파일에 다음과 같이 작성하여 사용한다.
import { Reset } from 'styled-reset'; const App = () => ( <React.Fragment> <Reset /> <div>Hello, Soha!</div> </React.Fragment> );
import를 통해 Reset을 불러오고, 작성할 내용들의 상단 (즉, 루트 태그 바로 아래)에 Reset을 불러오면 된다.
Comments
You are seeing this because your Disqus shortname is not properly set. To configure Disqus, you should edit your
_config.yml
to include either adisqus.shortname
variable.If you do not wish to use Disqus, override the
comments.html
partial for this theme.