인프런 커뮤니티 질문&답변

안녕하세요 강의를 듣고 디자인을 꾸미는 중에 궁금한 점이 생겨 질문 남깁니다

스타일드 컴포넌트로 css 속성을 주는 것과

className을 통해 css 속성을 적용하는 것에

성능적으로 ( 또는 어떤 부분에서든 ) 차이가 있는지 궁금합니다

(실제 적용되는 css 속성은 생략하였습니다)

1. 스타일드 컴포넌트로만
<Wrapper>
  <Content>
    테스트
  </Content>
</Wrapper>
const Wrapper = styled.div``
const Content = styled.div``


2. className을 적용한 css
<Wrapper>
  <div className={'test'}>
    테스트
  </div>
</Wrapper>
const Wrapper = styled.div`
  ~
  .test { ~ }

`