styled-components

 스타일 컴포넌트 패키지 설치

yarn add styled-components

 

스타일 컴포넌트를 사용하면 클래스 이름짓기로부터 해방 될 수 있다.

컴포넌트에 직접 스타일을 입힌다. -> 코드 직관적, 깔끔 (CSS-in-JS)

 

스타일 컴포넌트에도 데이터를 받아 올 수 있다.

아래처럼 자바 스크립트 문법 삼항연산자도 사용가능