스타일드 컴포넌트와 className을 통한 스타일 적용의 차이에 대해 궁금합니다
안녕하세요 강의를 듣고 디자인을 꾸미는 중에 궁금한 점이 생겨 질문 남깁니다
스타일드 컴포넌트로 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 { ~ }
`
답변 2
1
두 방식 다 별로 차이가 없습니다. 스타일드컴포넌트도 결국 클래스로 변경되니까요.
저는 2번 방식을 더 많이 사용합니다. 모든 태그를 스타일드 컴포넌트로 만들기엔 손이 너무 많이 가고 변수명도 너무 많이 지어야 합니다. 큰 컴포넌트만 스타일드 컴포넌트로 만들고, 세세한 컴포넌트는 클래스나 아이디를 활용합니다.
next 10 이상에서는 redux dev tool 구동이 안되나요?
0
272
1
세션 갱신 문의 건
0
482
7
배포 진행 후 Highlight updates components render 표시
0
445
1
똑같은 기능을 하는 테이블
0
447
4
관계형
0
312
2
프론트 서버를 이용하지 않는경우
1
299
3
인피니트 스크롤링 사용시 오류
0
278
0
계속 이런에러가 떠서 해결하기는 했는데 어떤 의미인지 모르겠습니다.
0
432
2
req.user가 언제 생성되나요??
0
330
2
Cannot read property 'id' of null 에러
0
332
1
리트윗한 게시글 불러오는 sequelize
0
252
1
result.data에서 images인 이유
0
281
2
takeLatest에 대한 질문입니다.
1
342
2
프론트에서 express를 사용하지 않을때 동적라우팅
0
501
6
getInitialProps가 클라이언트에서 수행되는 이유?
0
258
1
리로드하면 팔로우 언팔로우 값이 초기화 되는 문제입니다.
0
445
2
할인 쿠폰 사용이 안되는되요 (848-f9af83f183e3)
0
365
1
nodejs mvc 패턴
0
975
4
사용하고 보니, 람다 구성이 궁금합니다!
0
266
1
제로초님
0
445
1
새로고침 로그인 풀림 문제.
0
247
1
안녕하세요. 강의 너무 감사합니다
0
157
1
제로초님
0
170
1
안녕하세요 ssr 관련 질문드립니다
0
280
2