styled-components-2, reset css

GlobalStyle

- 모든 컴포넌트에 적용해야 할 속성이 존재한다면,

전역적으로 지정해주는 스타일 

 

사용법

변수 선언

→ 백틱(`) 안에 적용받고 싶은 곳 입력

ex)

const GlobalStyle = createBlobalStyle `

          body {

       // 모든 컴포넌트에 적용할 속성

          }

`;

 

export default GlobalStyle

 

 

 

css reset

- *크로스 브라우징 이슈를 해결하기 위한 기법

(사람마다 쓰는 브라우저가 다르다.

누구는 크롬, 누구는 사파리, 누구는 엣지, 파이어폭스...

그래서 같은 <h1>태그여도 크기가 다르기 때문에

그 크기를 맞춰주기 위해 default style을 제공한다.

 

 

 

 

 

(*크로스 브라우징 :여러 종류의 웹 브라우저에서

동일한 사용자 경험을 제공하기 위한 기술

    즉, 서로 다른 웹 브라우저에서

웹 사이트나 웹 애플리케이션을 정상적으로 동작하도록 하는 것)