더북(TheBook)

9.3 styled-components

 

컴포넌트 스타일링의 또 다른 패러다임은 자바스크립트 파일 안에 스타일을 선언하는 방식입니다. 이를 ‘CSS in JS’라고 하는데요. 이것과 관련된 라이브러리가 정말 많습니다. 라이브러리 종류는 https://github.com/MicheleBertoli/css-in-js에서 확인할 수 있습니다.

이 절에서는 이 라이브러리 중 개발자에게 가장 많은 사랑을 받는 styled-components를 알아보겠습니다.

먼저 패키지를 설치해 보세요.

$ yarn add styled-components
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.