React에서 styled-components를 사용하여 조건부 스타일링 하려면 이렇게 할 수 있다: import styled from 'styled-components'; interface HeaderContentProps { $showBackButton?: boolean; } const HeaderContent = styled.div` ${({ $showBackButton }) => $showBackButton ? 'padding: 0 20px;' : 'margin: auto;'} `; export default HeaderContent; HeaderContent 컴포넌트가 받을 수 있는 props를 지정하는 인터페이스 HeaderContentProps를 정의한다. styled-components에서..