styled-components 가뭐야?

styled-components가 뭐냐면 css파일에 가지 않아도

react환경에서 현재 페이지 안에서 사용할수있는 CSS 라고 보면된다.

 

이 스타일의 장점으로는 현재 페이지에서만 작용이 된다는점이다.

다른 컨포넌트에 오염이 안된다. 

 

그리고 또한가지의 장점으로는 로딩 시간이 향상이 된다.

 

그래서 어떻게 사용되냐고?

 

let box = styled.div`

backgroud: yellow;

padding: 20px;

color: black;

`

 

` 백틱을 사용해서 안에 내용을 넣어주면된다.

그리고 html안에는 <   >로 import시켜주면 끝!