Styled-Component / Styled-reset

Styled Component

Styled Component 는 css파일을 따로 만들지 않고 Local 에서 const로 생성후 컴포넌트처럼 사용할 수 있게 만든다.

 

1.설치

 

yarn add styled-components

 

npm install styled-components

 

https://www.npmjs.com/package/styled-components

styled-components

2.설정

3.사용

js 와 css 파일을 따로 분리하지 않으며 캡슐화된 코드 구현가능.

 

Sass 처럼 자기 자신을 선택가능하다.

 

컴포넌트 형식의 값을 인자로 넣어줄 수 있다.

 

 

 

 

 

 

 

 

styled-reset

기본 Css를 초기화 시켜준다.

 

1.설치

yarn add styled-reset

 

npm install styled-components

 

https://www.npmjs.com/package/styled-reset

styled-reset

2.설정

3.사용

styled-components 를 global 로 사용하는 방법