[React] CSS 파일을 styled-components 형태로 변환하기

위와 같은 CSS 파일이 있다고 가정하자.

파일 관리의 필요성과 컴포넌트 재사용성을 높이기 위해 styled-components 를 도입하기로 하였다.

기존 CSS 파일을 어떻게 styled-components로 변환해야 할까?

방법은 간단하다.

CSS 선택자인 클래스 이름으로 styled-componet를 생성하면 된다.

이후 각 선택자들의 CSS스타일을 각 styled-component에 붙여넣어주면 된다.