profile
개발자로서 한걸음

React style component

Styled Components ⭕styled-components란 Javascript 파일 내에서 CSS를 사용할 수 있게 해주는 대표적인 CSS-in-JS 라이브러리로 React 프레임워크를 주요 대상으로 한 라이브러리이다. ⭕설치 방법 > $ npm install --save styled-components ⭕기본 문법 > ⭕Props ⭕컴포넌트에 prop을 설정하여 background-color: ${(props) => props.bgColor}; 와 같은 동적인 코드를 만들 수 있다. ⭕확장 > 'as' and attrs ⭕'as' HTML 태그를 바꿔준다. > ⭕attrs 컴포넌트에 기본 값을 줄 수 있다. > >

2022년 12월 13일
·
0개의 댓글
·