styled components 재사용1 Styled-components에서의 재사용, 상속 스타일 재사용하기 styled components는 CSS-IN-JS라는 특성을 이용하여 자바스크립트 문법을 사용하여 css 코드를 다룰 수 있다. 그래서 기본적인 css에서는 재사용하려면 코드를 반복하거나 요소를 콤마 뒤에 추가해주는 형식으로 사용했는데, styled components에서는 간단한 문법으로 재사용이 가능하다. 먼저, styled-components에서 css 함수를 불러와야 한다. 컴포넌트에 있는 어떤 요소들에 공통적으로 들어가는 font-size가 있다고 하면 재사용할 속성을 담을 변수를 만든다. 그리고 해당 변수를 재사용하고자 하는 요소의 css 속성 내부에 추가해주기만 하면 된다. 이 예시를 코드로 만들면 아래와 같다.import { css } from "styled-compon.. 2024. 8. 14. 이전 1 다음
