[React + Emotion] 리액트에 글로벌 스타일 적용하기

Emotion 라이브러리를 사용해 reset.css를 적용할 수 있는 글로벌 스타일을 적용시키는 방법을 포스팅하려 한다.

1. [reset.jsx]

• html 기본 스타일을 없애주는 reset.css 스타일을 아래와 같이 넣고 저장한다.
• reset.css는 https://meyerweb.com/eric/tools/css/reset/ 를 참고해서 넣어주면 된다.
• 스크린샷에는 일부만 포함시켰다.

2. [App.js]

• 위의 리셋 스타일이 담긴 Reset.jsx를 import한다.
• emotion 에서 Global을 import한다.
• div 태그 안에 <Global styles={reset} />을 넣어 준다.
• Global 태그 아래로 다른 컴포넌트를 넣어주면 Global style이 적용된다.