Styled Component

: Css-in-JS라고 하는 JS파일 안에서 CSS를 처리 가능하게 해주는 라이브러리

설치 방법

# with npm : npm install --save styled-components

# with yarn : yarn add styled-components

이용 방법

먼저 사용하려는 컴포넌트에 import문 작성

보통 요소 생성시 생성하려는 태그를 기반으로 속성들을 설정 하지만

styled-component 사용하면 태그 자체로 요소를 정의 및 속성 설정이 가능

styled.<태그 이름>스타일 속성 정의; 형태를 가짐

다른 부가적인 속성 설정도 가능함을 확인할 수 있다