April 17, 2020
styled-components 사용법 — 1
styled-components 사용법 — 2
styled-components 사용법 — 3
styled-components — 스타일 확장
npm install --save styled-components
styled-components는 `백틱 내부에 스타일을 정의한다.
import styled from 'styled-components';
const 컴포넌트명 = styled.태그명`
css
`;
const Titile = styled.h1`
color: #222;
font-size:40px;
`
<Titile>styled-components</Titile>
css에서는 마지막 ;을 삭제해도 문제가 없다.
styled-component에서는 ;를 빼면 컴포넌트를 확장할 때, css가 적용이 안 될 수 있다.
항상 ;를 넣는 습관을 갖는 것이 좋을 것 같다.