따로 CSS 파일을 만들어서 관리하는 것에서 벗어나 자바스크립트 파일 안에서 사용할 수 있도록 만들어주는 라이브러리입니다. 컴포넌트 별로 개발하는 리액트의 특성상, 필요한 CSS만을 사용해서 적용시켜줄 수 있는 이 라이브러리는 합이 잘 맞겠죠? 설치: npm i styled-components 사용 예시: // keyframes : 애니메이션 import styled, { keyframes } from "styled-components" const Box = styled.div` background-color: ${(props) => props.bgColor}; width: 100px; height: 100px; // 정의한 애니메이션 적용 animation: ${animation} 1s linear i..
