styled-components로 같은 스타일을 입히지만 각기 다른 html태그를 사용해야 될 때가 있다. 예를 들어 p태그, h1태그, span태그 등은 모두 문자를 표현하는 마크업 언어지만 성질이 다르다. 이 때 다른 성질을 유지하면서도 스타일을 같게 유지하려면 styled-component에서 as prop을 사용하면 된다. ( 타입스크립트입니다. ) const Typography = ({ as = "p", color, children, ...props }: Props) => { return ( {children} ) } 위와 같은 Typography라는 컴포넌트를 만들어서 DynamicTypography 를 리턴해주자 여기서 DynamicTypography는 Styled-component이다. 분..