[React] yarn으로 styled-components 설치하기

Styled-components란?

id나 class를 사용하지 않고 동일한 컴포넌트에서 컴포넌트 이름을 쓰듯 스타일을 지정할 수 있으며,

React 프레임워크를 대상으로 하는 CSS-in-JS 라이브러리 중 하나입니다.

 

 

① yarn 설치

$ npm install -g yarn

styled-components를 설치하기 전에 yarn을 먼저 설치해줍니다.

 

 

② styled-components 설치

npm install --save styled-components

다음으로 styled-components를 설치합니다.

 

 

③ 파일 import

import styledComponents from 'styled-components';

styled-components를 적용하고 싶으면 파일을 import 해줍니다.

 

 

 

◡̈