728x90 300x250 SMALL 2025/02/211 styled-components에서 props 활용법 완벽 정리! styled-components에서 props를 사용하는 것은 컴포넌트의 동적인 스타일을 적용하는 데 유용한 방법이다.이를 통해 CSS 값을 컴포넌트의 속성(props)에 따라 변경할 수 있다.기본 사용법styled-components는 React의 props를 활용하여 스타일링을 동적으로 조정할 수있도록 지원한다.CSS속성 값에 함수 형태로 접근해, props를 활용하여 조건부 스타일을 설정한다.import styled from 'styled-components';const Button = styled.button` background-color: ${(props) => (props.primary ? 'blue' : 'gray')}; color: ${(props) => (props.primary ?.. 2025. 2. 21. 이전 1 다음 728x90 반응형 LIST