이안의 평일코딩

Styled-Components란? CSS보다 더 강력한 추상화로 자바스크립트를 사용해 스타일을 선언하고 유지보수가 가능하게 해주는 대표적인 CSS-in-JS 라이브러리다. 컴포넌트 단위로 추상화되어 모듈성을 갖는다. CSS는 명시적 정의가 없어서 부모 요소에서 자동으로 상속되는 속성이 있지만 CSS-in-JS의 경우 부모 요소 속성이 상속되지 않으므로 진정한 분리 법칙을 따른다. App.js import "./App.css"; import { Fragment } from "react"; function App() { return ( Hello Hello ); } App.css .button{ border-radius: 50px; padding: 5px; min-width: 120px; color: wh..